chore: show help text when creating rule w no variants

src/app/console/Console.tsx

@@ -53,7 +53,7 @@ export default function Console() {
     } catch (err) {
       setError(err instanceof Error ? err : Error(String(err)));
     }
-  }, []);
+  }, [clearError, setError]);
 
   const handleSubmit = (values: IConsole) => {
     const { flagKey, entityId, context } = values;

src/app/flags/Evaluation.tsx

@@ -102,7 +102,7 @@ export default function Evaluation() {
     });
 
     setRules(rules);
-  }, [rulesVersion]);
+  }, [flag]);
 
   const incrementRulesVersion = () => {
     setRulesVersion(rulesVersion + 1);
@@ -156,7 +156,7 @@ export default function Evaluation() {
 
   useEffect(() => {
     loadData();
-  }, [rulesVersion]);
+  }, [loadData, rulesVersion]);
 
   return (
     <>

src/app/flags/Flag.tsx

@@ -42,7 +42,7 @@ export default function Flag() {
       .catch((err) => {
         setError(err);
       });
-  }, [flagVersion]);
+  }, [clearError, flag.key, setError]);
 
   const incrementFlagVersion = () => {
     setFlagVersion(flagVersion + 1);

src/app/flags/Flags.tsx

@@ -20,7 +20,7 @@ export default function Flags() {
       return;
     }
     clearError();
-  }, error);
+  }, [clearError, error, setError]);
 
   return (
     <>

src/app/segments/Segment.tsx

@@ -37,7 +37,7 @@ export default function Segment() {
   const navigate = useNavigate();
 
   const [segment, setSegment] = useState<ISegment>(useLoaderData() as ISegment);
-  const [segmentVerison, setSegmentVersion] = useState(0);
+  const [segmentVersion, setSegmentVersion] = useState(0);
 
   const [showConstraintForm, setShowConstraintForm] = useState<boolean>(false);
   const [editingConstraint, setEditingConstraint] =
@@ -60,15 +60,15 @@ export default function Segment() {
       .catch((err) => {
         setError(err);
       });
-  }, [segmentVerison]);
+  }, [clearError, segment.key, setError]);
 
   const incrementSegmentVersion = () => {
-    setSegmentVersion(segmentVerison + 1);
+    setSegmentVersion(segmentVersion + 1);
   };
 
   useEffect(() => {
     fetchSegment();
-  }, [segmentVerison, fetchSegment]);
+  }, [segmentVersion, fetchSegment]);
 
   const constraintTypeToLabel = (t: string) =>
     ComparisonType[t as keyof typeof ComparisonType];

src/app/segments/Segments.tsx

@@ -20,7 +20,7 @@ export default function Segments() {
       return;
     }
     clearError();
-  }, error);
+  }, [clearError, error, setError]);
 
   return (
     <>