/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

18 votes385 views6 answers
Export apk react native
Javascript React
36 votes362 views2 answers
Ref hook in react
Javascript React
2 votes419 views2 answers
How to add query parameter to url reactjs
Javascript React
1 vote375 views1 answer
How to update version of dependencies reactjs
Javascript React
0 vote356 views1 answer
React open on different url instead of localhost
Javascript React
1 vote400 views1 answer
How to check if bottom tab is active in react native material bottom tab
Javascript React
0 vote341 views1 answer
Array of refs react
Javascript React
0 vote398 views1 answer
React navbar material ui
Javascript React
0 vote383 views1 answer
Reactjs limit text display 20 200 characters
Javascript React
0 vote388 views1 answer
Returned data has p tags react
Javascript React