diff --git a/apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/new/client.tsx b/apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/new/client.tsx
index f6607c626c..f98d5e99d7 100644
--- a/apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/new/client.tsx
+++ b/apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/new/client.tsx
@@ -263,7 +263,7 @@ export const CreateKey: React.FC<Props> = ({ apiId, keyAuthId, defaultBytes, def
     // React hook form + zod doesn't play nice with nested objects, so we need to reset them on load.
     resetRateLimit();
     resetLimited();
-  }, []);
+  }, [resetRateLimit, resetLimited]);
 
   return (
     <>
diff --git a/apps/dashboard/app/(app)/settings/general/update-workspace-image.tsx b/apps/dashboard/app/(app)/settings/general/update-workspace-image.tsx
index 4102434fd0..11ecf94a71 100644
--- a/apps/dashboard/app/(app)/settings/general/update-workspace-image.tsx
+++ b/apps/dashboard/app/(app)/settings/general/update-workspace-image.tsx
@@ -57,7 +57,7 @@ export const UpdateWorkspaceImage: React.FC = () => {
           toast.error("Error uploading image");
         });
     },
-    [setImage, organization],
+    [organization],
   );
 
   if (!organization) {
diff --git a/apps/dashboard/app/(app)/settings/root-keys/[keyId]/permissions/add-permission-for-api.tsx b/apps/dashboard/app/(app)/settings/root-keys/[keyId]/permissions/add-permission-for-api.tsx
index af90688d63..5972ecfa0a 100644
--- a/apps/dashboard/app/(app)/settings/root-keys/[keyId]/permissions/add-permission-for-api.tsx
+++ b/apps/dashboard/app/(app)/settings/root-keys/[keyId]/permissions/add-permission-for-api.tsx
@@ -40,7 +40,7 @@ export function DialogAddPermissionsForAPI(
   const [selectedApiId, setSelectedApiId] = useState<string>("");
   const selectedApi = useMemo(
     () => props.apis.find((api) => api.id === selectedApiId),
-    [selectedApiId],
+    [selectedApiId, props.apis],
   );
 
   const isSelectionDisabled =
diff --git a/apps/dashboard/app/(app)/settings/root-keys/new/client.tsx b/apps/dashboard/app/(app)/settings/root-keys/new/client.tsx
index 3fe8c58a45..325e3b699e 100644
--- a/apps/dashboard/app/(app)/settings/root-keys/new/client.tsx
+++ b/apps/dashboard/app/(app)/settings/root-keys/new/client.tsx
@@ -113,7 +113,7 @@ export const Client: React.FC<Props> = ({ apis }) => {
     // for large data sets.
 
     setCardStatesMap(initialCardStates);
-  }, []); // Execute ones on the first load
+  }, [apis, selectedPermissions]); // Execute ones on the first load
 
   return (
     <div className="flex flex-col gap-4">
diff --git a/apps/dashboard/app/(app)/settings/user/update-user-image.tsx b/apps/dashboard/app/(app)/settings/user/update-user-image.tsx
index 1a6919056f..6c7e32e07a 100644
--- a/apps/dashboard/app/(app)/settings/user/update-user-image.tsx
+++ b/apps/dashboard/app/(app)/settings/user/update-user-image.tsx
@@ -57,7 +57,7 @@ export const UpdateUserImage: React.FC = () => {
           toast.error("Error uploading image");
         });
     },
-    [setImage, user],
+    [user],
   );
 
   return (
diff --git a/apps/dashboard/app/auth/sign-in/email-signin.tsx b/apps/dashboard/app/auth/sign-in/email-signin.tsx
index 1691b875ea..2c6f1c854c 100644
--- a/apps/dashboard/app/auth/sign-in/email-signin.tsx
+++ b/apps/dashboard/app/auth/sign-in/email-signin.tsx
@@ -47,7 +47,7 @@ export function EmailSignIn(props: {
         });
     };
     signUpOrgUser();
-  }, [signInLoaded]);
+  }, [router, setActive, signIn, signInLoaded]);
 
   const signInWithCode = async (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
diff --git a/apps/dashboard/app/auth/sign-up/email-signup.tsx b/apps/dashboard/app/auth/sign-up/email-signup.tsx
index ff7c527d3f..193c75ffa3 100644
--- a/apps/dashboard/app/auth/sign-up/email-signup.tsx
+++ b/apps/dashboard/app/auth/sign-up/email-signup.tsx
@@ -70,7 +70,7 @@ export const EmailSignUp: React.FC<Props> = ({ setError, setVerification }) => {
     };
     signUpFromParams();
     setTransferLoading(false);
-  }, [signUpLoaded]);
+  }, [router, setActive, setError, setVerification, signUp]);
 
   const signUpWithCode = async (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
diff --git a/apps/dashboard/components/dashboard/copy-button.tsx b/apps/dashboard/components/dashboard/copy-button.tsx
index 906888f232..fc441df97c 100644
--- a/apps/dashboard/components/dashboard/copy-button.tsx
+++ b/apps/dashboard/components/dashboard/copy-button.tsx
@@ -21,7 +21,7 @@ export function CopyButton({ value, className, src, ...props }: CopyButtonProps)
     setTimeout(() => {
       setHasCopied(false);
     }, 2000);
-  }, [hasCopied]);
+  }, []);
 
   return (
     <button
diff --git a/apps/dashboard/components/dashboard/visible-button.tsx b/apps/dashboard/components/dashboard/visible-button.tsx
index 8407bd1821..c8e8ccaa51 100644
--- a/apps/dashboard/components/dashboard/visible-button.tsx
+++ b/apps/dashboard/components/dashboard/visible-button.tsx
@@ -18,7 +18,7 @@ export function VisibleButton({
     setTimeout(() => {
       setIsVisible(false);
     }, 10000);
-  }, [isVisible]);
+  }, [setIsVisible]);
 
   return (
     <button
diff --git a/apps/dashboard/components/multi-select.tsx b/apps/dashboard/components/multi-select.tsx
index 1e2d317ea2..ccf64a8c4b 100644
--- a/apps/dashboard/components/multi-select.tsx
+++ b/apps/dashboard/components/multi-select.tsx
@@ -39,25 +39,28 @@ export const MultiSelect: React.FC<Props> = ({ options, placeholder, selected, s
     setSelected((prev) => prev.filter((s) => s.value !== o.value));
   };
 
-  const handleKeyDown = React.useCallback((e: React.KeyboardEvent<HTMLDivElement>) => {
-    const input = inputRef.current;
-    if (input) {
-      if (e.key === "Delete" || e.key === "Backspace") {
-        if (input.value === "") {
-          setSelected((prev) => {
-            const newSelected = [...prev];
-            newSelected.pop();
-            return newSelected;
-          });
+  const handleKeyDown = React.useCallback(
+    (e: React.KeyboardEvent<HTMLDivElement>) => {
+      const input = inputRef.current;
+      if (input) {
+        if (e.key === "Delete" || e.key === "Backspace") {
+          if (input.value === "") {
+            setSelected((prev) => {
+              const newSelected = [...prev];
+              newSelected.pop();
+              return newSelected;
+            });
+          }
         }
-      }
 
-      // This is not a default behaviour of the <input /> field
-      if (e.key === "Escape") {
-        input.blur();
+        // This is not a default behaviour of the <input /> field
+        if (e.key === "Escape") {
+          input.blur();
+        }
       }
-    }
-  }, []);
+    },
+    [setSelected],
+  );
 
   const selectables = options.filter((o) => !selected.includes(o));
 
diff --git a/apps/dashboard/lib/charts/sparkline.tsx b/apps/dashboard/lib/charts/sparkline.tsx
index e4a96bc460..23b949eb80 100644
--- a/apps/dashboard/lib/charts/sparkline.tsx
+++ b/apps/dashboard/lib/charts/sparkline.tsx
@@ -89,7 +89,7 @@ function SparkLineInner<T extends Datum>({
         range: [0, width],
       }),
     };
-  }, [startDate, endDate, minY, maxY, height, width]);
+  }, [startDate, endDate, minY, maxY, height, width, padding.bottom, padding.top]);
 
   const chartContext: ChartContextType<T> = {
     width,
diff --git a/apps/dashboard/lib/charts/time-series-chart.tsx b/apps/dashboard/lib/charts/time-series-chart.tsx
index aa07dc25e8..45cb1dd019 100644
--- a/apps/dashboard/lib/charts/time-series-chart.tsx
+++ b/apps/dashboard/lib/charts/time-series-chart.tsx
@@ -62,7 +62,7 @@ function TimeSeriesChartInner<T extends Datum>({
       startDate: dates[times.indexOf(Math.min(...times))],
       endDate: dates[times.indexOf(Math.max(...times))],
     };
-  }, data);
+  }, [data]);
 
   const { minY, maxY } = useMemo(() => {
     const values = series
@@ -74,7 +74,7 @@ function TimeSeriesChartInner<T extends Datum>({
       minY: Math.min(...values),
       maxY: Math.max(...values),
     };
-  }, [data, series, padding?.bottom, padding?.top]);
+  }, [data, series]);
 
   const { yScale, xScale } = useMemo(() => {
     const rangeY = maxY - minY;
@@ -90,7 +90,7 @@ function TimeSeriesChartInner<T extends Datum>({
         range: [0, width],
       }),
     };
-  }, [startDate, endDate, minY, maxY, height, width, margin]);
+  }, [startDate, endDate, minY, maxY, height, width, padding.bottom, padding.top]);
 
   const chartContext: ChartContextType<T> = {
     width,
diff --git a/apps/dashboard/lib/charts/useTooltip.ts b/apps/dashboard/lib/charts/useTooltip.ts
index 089f9853d3..f5a584aad0 100644
--- a/apps/dashboard/lib/charts/useTooltip.ts
+++ b/apps/dashboard/lib/charts/useTooltip.ts
@@ -50,7 +50,17 @@ export function useTooltip<T extends Datum>({
         tooltipTop: snapToY ? yScale(series.find((s) => s.id === seriesId)!.valueAccessor(d)) : 0,
       });
     },
-    [seriesId, data, xScale, yScale, series, visxTooltip.showTooltip],
+    [
+      seriesId,
+      data,
+      xScale,
+      yScale,
+      series,
+      visxTooltip.showTooltip,
+      snapToY,
+      snapToX,
+      margin.left,
+    ],
   );
 
   const TooltipWrapper = renderInPortal ? visxTooltipInPortal.TooltipInPortal : TooltipWithBounds;
diff --git a/apps/dashboard/lib/charts/y-axis.tsx b/apps/dashboard/lib/charts/y-axis.tsx
index fbb07daa60..24ee8261ee 100644
--- a/apps/dashboard/lib/charts/y-axis.tsx
+++ b/apps/dashboard/lib/charts/y-axis.tsx
@@ -60,7 +60,7 @@ export default function YAxis({
       // Both of these reduce the number of ticks farther below numTicks, but this should only affect small ranges
       value >= minY && integerTicks ? Number.isInteger(value) : true,
     );
-  }, [tickValuesProp, numTicksProp, height, yScale, integerTicks]);
+  }, [tickValuesProp, numTicksProp, height, yScale, integerTicks, minY]);
 
   useEffect(() => {
     const maxWidth =
@@ -69,7 +69,7 @@ export default function YAxis({
     if ((leftAxisMargin ?? 0) < maxWidth) {
       setLeftAxisMargin(maxWidth);
     }
-  }, [tickValues, tickAxisSpacing, leftAxisMargin]);
+  }, [tickValues, tickAxisSpacing, leftAxisMargin, tickFormat, setLeftAxisMargin]);
 
   return (
     <>
diff --git a/apps/play/app/page-bk.tsx b/apps/play/app/page-bk.tsx
index 94d2fc6b2d..750f65f360 100644
--- a/apps/play/app/page-bk.tsx
+++ b/apps/play/app/page-bk.tsx
@@ -21,7 +21,7 @@ export default function Home() {
 
   useEffect(() => {
     scrollRef?.current?.scrollIntoView({ behavior: "smooth" });
-  }, [scrollRef]);
+  }, []);
 
   const parseCurlCommand = useCallback(
     (stepString: string) => {
@@ -34,7 +34,7 @@ export default function Home() {
       tempString = keyName.current ? tempString.replace("<key>", keyName.current) : tempString;
       return tempString;
     },
-    [apiId, keyId, keyName, timeStamp],
+    [apiId],
   );
   function handleSubmit(cmd: string) {
     postNewLine(cmd, "text-violet-500");
diff --git a/apps/www/app/accelerate/components/rive.tsx b/apps/www/app/accelerate/components/rive.tsx
index 2c5ee7c7cf..4a757e5048 100644
--- a/apps/www/app/accelerate/components/rive.tsx
+++ b/apps/www/app/accelerate/components/rive.tsx
@@ -98,7 +98,7 @@ const RiveAccelerateAsset = ({ day, stateMachines }: { day: number; stateMachine
     r.rive.on(EventType.RiveEvent, onRiveEventReceived);
 
     setDone(true);
-  }, [done, r.rive, smVarHighlight, smVarUnlockedUntil]);
+  }, [done, r.rive, smVarHighlight, smVarUnlockedUntil, day]);
 
   return <r.RiveComponent />;
 };
diff --git a/apps/www/components/copy-button.tsx b/apps/www/components/copy-button.tsx
index 36491bcb9e..bae5579286 100644
--- a/apps/www/components/copy-button.tsx
+++ b/apps/www/components/copy-button.tsx
@@ -20,7 +20,7 @@ export function CopyButton({ value, className, src, children, ...props }: CopyBu
     setTimeout(() => {
       setHasCopied(false);
     }, 2000);
-  }, [hasCopied]);
+  }, []);
 
   return (
     <button
diff --git a/apps/www/components/particles.tsx b/apps/www/components/particles.tsx
index 5d75ba7412..d86945becb 100644
--- a/apps/www/components/particles.tsx
+++ b/apps/www/components/particles.tsx
@@ -32,7 +32,6 @@ export const Particles: React.FC<ParticlesProps> = ({
   quantity = 30,
   staticity = 50,
   ease = 50,
-  refresh = false,
   color = "#ffffff",
   vx = 0,
   vy = 0,
@@ -61,11 +60,11 @@ export const Particles: React.FC<ParticlesProps> = ({
 
   useEffect(() => {
     onMouseMove();
-  }, [mousePosition.x, mousePosition.y]);
+  }, []);
 
   useEffect(() => {
     initCanvas();
-  }, [refresh]);
+  }, []);
 
   const initCanvas = () => {
     resizeCanvas();
diff --git a/apps/www/components/shiny-card.tsx b/apps/www/components/shiny-card.tsx
index 3abedde187..4823262f33 100644
--- a/apps/www/components/shiny-card.tsx
+++ b/apps/www/components/shiny-card.tsx
@@ -10,11 +10,7 @@ type ShinyCardGroupProps = {
   refresh?: boolean;
 };
 
-export const ShinyCardGroup: React.FC<ShinyCardGroupProps> = ({
-  children,
-  className = "",
-  refresh = false,
-}) => {
+export const ShinyCardGroup: React.FC<ShinyCardGroupProps> = ({ children, className = "" }) => {
   const containerRef = useRef<HTMLDivElement>(null);
   const mousePosition = useMousePosition();
   const mouse = useRef<{ x: number; y: number }>({ x: 0, y: 0 });
@@ -33,15 +29,15 @@ export const ShinyCardGroup: React.FC<ShinyCardGroupProps> = ({
     return () => {
       window.removeEventListener("resize", initContainer);
     };
-  }, [setBoxes]);
+  }, []);
 
   useEffect(() => {
     onMouseMove();
-  }, [mousePosition]);
+  }, []);
 
   useEffect(() => {
     initContainer();
-  }, [refresh]);
+  }, []);
 
   const initContainer = () => {
     if (containerRef.current) {
diff --git a/apps/www/components/ui/hover-border-gradient.tsx b/apps/www/components/ui/hover-border-gradient.tsx
index 9d98e6a824..f15238cb6a 100644
--- a/apps/www/components/ui/hover-border-gradient.tsx
+++ b/apps/www/components/ui/hover-border-gradient.tsx
@@ -55,7 +55,7 @@ export function HoverBorderGradient({
       }, duration * 1000);
       return () => clearInterval(interval);
     }
-  }, [hovered]);
+  }, [hovered, rotateDirection, duration]);
   return (
     <Tag
       onMouseEnter={() => {
diff --git a/apps/www/components/ui/meteorLines.tsx b/apps/www/components/ui/meteorLines.tsx
index 9223585c99..5360c422ac 100644
--- a/apps/www/components/ui/meteorLines.tsx
+++ b/apps/www/components/ui/meteorLines.tsx
@@ -21,7 +21,7 @@ const MeteorLines = ({
   className,
 }: MeteorsProps) => {
   const [meteorStyles, setMeteorStyles] = useState<Array<React.CSSProperties>>([]);
-  const [windowWidth, _setWindowWidth] = useState<number>(0);
+  const [_windowWidth, _setWindowWidth] = useState<number>(0);
   useEffect(() => {
     const width = window.innerWidth;
     const pos = direction === "left" ? xPos : width - (xPos + 75);
@@ -35,7 +35,7 @@ const MeteorLines = ({
     }));
 
     setMeteorStyles(styles);
-  }, [number, windowWidth]);
+  }, [number, delay, xPos, direction, speed]);
 
   return (
     <>
@@ -65,7 +65,7 @@ const MeteorLinesAngular = ({
   className,
 }: MeteorsProps) => {
   const [meteorStyles, setMeteorStyles] = useState<Array<React.CSSProperties>>([]);
-  const [windowWidth, setWindowWidth] = useState<number>(0);
+  const [_windowWidth, setWindowWidth] = useState<number>(0);
 
   useEffect(() => {
     const width = window.innerWidth;
@@ -78,7 +78,7 @@ const MeteorLinesAngular = ({
       animationDuration: speed ? `${speed}s` : `${Math.floor(Math.random() * 10 + 2)}s`,
     }));
     setMeteorStyles(styles);
-  }, [number, windowWidth]);
+  }, [number, xPos, speed, delay]);
   return (
     <>
       {[...meteorStyles].map((style, idx) => (