/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

0 vote255 views2 answers
Reactjs date display
Javascript React
0 vote221 views3 answers
Add if condition in map react
Javascript React
0 vote262 views1 answer
How to send data to another page in react from button
Javascript React
0 vote204 views2 answers
Unexpected template string expression reactjs
Javascript React
0 vote256 views1 answer
Redirect to another path react
Javascript React
1 vote215 views1 answer
React emoji picker
Javascript React
3 votes211 views2 answers
React is there a safe area view for android
Javascript React
0 vote195 views1 answer
React-active link
Javascript React
0 vote289 views2 answers
Apply back button to a react component
Javascript React
0 vote237 views1 answer
My vscode does not recognize react code syntax
Javascript React