/Javascript/React/React check if mobile or desktop

React check if mobile or desktop

import React, {useEffect, useState} from "react";

const useCheckMobileScreen = () => {
    const [width, setWidth] = useState(window.innerWidth);
    const handleWindowSizeChange = () => {
            setWidth(window.innerWidth);
    }

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

    return (width <= 768);
}

export default useCheckMobileScreen

Source: stackoverflow.com

Similar codes

4 votes247 views1 answer
React useeffect not on first render
Javascript React
0 vote229 views1 answer
React-with-firebase-auth
Javascript React
8 votes258 views2 answers
React on link click scroll to top
Javascript React
3 votes242 views2 answers
Autocomplete react jsx attributes vscode
Javascript React
0 vote247 views2 answers
React date picker disable past dates
Javascript React
0 vote236 views1 answer
Only numbers or string. Input field in React
Javascript React
6 votes251 views2 answers
React in jquery
Javascript React
0 vote238 views1 answer
Testing library react hooks
Javascript React
0 vote338 views1 answer
React steam auth
Javascript React
0 vote259 views1 answer
How to cause a whole page reload react redux
Javascript React