Breaking News: Grepper is joining You.com. Read the official announcement!

useScreenWidth

Marc De jong answered on May 10, 2022 Popularity 3/10 Helpfulness 2/10

answer useScreenWidth

useScreenWidth

Comment

import { useEffect, useState } from ’react’;

export function useScreenWidth(): number {
  const [width, setWidth] = useState(window.innerWidth);

  useEffect(() => {
    const handler = (event: any) => {
      setWidth(event.target.innerWidth);
    };

    window.addEventListener(’resize’, handler);

    return () => {
      window.removeEventListener(’resize’, handler);
    };
  }, []);

  return width;
}

Popularity 3/10 Helpfulness 2/10 Language typescript

Source: infinum.com

Tags: typescript

Link to this answer
Share Copy Link

Contributed on May 10 2022

Marc De jong

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

useScreenWidth

Contents

More Related Answers

useScreenWidth

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.