Get true (boolean value) when screen reaches given screen size

useScreenSize.ts

import { useCallback, useState, useEffect } from 'react'

export function useScreenSize(screenSize: number): boolean[] {
    const [isActive, setIsActive] = useState<boolean>(false)

    const handleScreenResize = useCallback(() => {
        const isActive = window.matchMedia(`(min-width: ${screenSize}px)`)

        setIsActive(isActive.matches)
    }, [setIsActive, screenSize])

    useEffect(() => {
        handleScreenResize()
        window.addEventListener('resize', handleScreenResize)
        return () => window.removeEventListener('resize', handleScreenResize)
    }, [handleScreenResize])

    return [isActive]
}