scrabble-solver/packages/scrabble-solver/src/hooks/useViewportSize.ts

Scrabble Solver 2 - Free, open-source, cross-platform, multi-language analysis tool for Scrabble, Scrabble Duel, Super Scrabble, Letter League, Crossplay, Literaki, and Kelimelik. Quickly find the top-scoring words using the given board and tiles.

import { useCallback, useState } from 'react';

import { useOnWindowResize } from './useOnWindowResize';

export const useViewportSize = () => {
  const [viewportHeight, setViewportHeight] = useState(typeof window === 'undefined' ? 0 : window.innerHeight);
  const [viewportWidth, setViewportWidth] = useState(typeof window === 'undefined' ? 0 : window.innerWidth);

  const handleWindowResize = useCallback(() => {
    setViewportHeight(window.innerHeight);
    setViewportWidth(window.innerWidth);
  }, []);

  useOnWindowResize(handleWindowResize);

  return { viewportHeight, viewportWidth };
};