fix: dependency warnings in useEffectHooks

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 (
  <>