src/hooks/useWindowSize.ts:33

• timeoutId is declared without an initializer, but it's cleared in both handleResize and the effect cleanup. At runtime this means clearTimeout may receive undefined, while the variable is typed as a non-optional ReturnType<typeof setTimeout>. Initialize it to undefined/null and guard before clearing (or give it an initial setTimeout value) so the runtime value matches the declared type.

    let timeoutId: ReturnType<typeof setTimeout>;

    const handleResize = () => {
      clearTimeout(timeoutId);
      timeoutId = setTimeout(() => {

src/features/hardware/insights/Insights.tsx:329

• The interval is only cleared on mouse/touch end. If the component unmounts (route change/tab switch) while the interval is running, it will keep firing and call setOffset on an unmounted component. Add an effect cleanup to clear any active interval on unmount (or store the interval handle in a ref and always clear it in cleanup).

  const [intervalId, setIntervalId] = useState<ReturnType<
    typeof setInterval
  > | null>(null);
  const { t } = useTranslation();

  const handleMouseDown = (increment: number) => {
    if (intervalId) return;
    const id = setInterval(() => {
      setOffset((prev) => Math.max(0, prev + increment));
    }, 100);
    setIntervalId(id);
  };

  const handleMouseUp = () => {
    if (intervalId) {
      clearInterval(intervalId);
      setIntervalId(null);
    }
  };