use-view-width/src/useViewWidth.js

React Hook for returning the width of the viewport.

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

const useViewWidth = () => {

	const [ viewWidth, setViewWidth ] = useState(() => {
		if (typeof window === 'undefined') return
		return window.innerWidth
	})

	const handleWindowResize = useCallback(event => {
		setViewWidth(event.currentTarget.innerWidth)
	}, [])

	useEffect(() => {
		if (typeof window === 'undefined') return
		window.addEventListener('resize', handleWindowResize)
		return () => window.removeEventListener('resize', handleWindowResize)
	}, [])

	return viewWidth
}

export default useViewWidth