/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

1 vote110 views3 answers
Bash: react-scripts: command not found
Javascript React
0 vote134 views1 answer
Create react app with vite
Javascript React
4 votes105 views1 answer
How to send axios delete to the backend reactjs
Javascript React
0 vote112 views1 answer
React computed example
Javascript React
0 vote102 views2 answers
React foreach loop
Javascript React
0 vote124 views1 answer
Decet wheter react app in development or production
Javascript React
0 vote186 views2 answers
React particles react
Javascript React
2 votes114 views1 answer
React allow only numbers in input
Javascript React
0 vote108 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
1 vote58 views1 answer
React native network request failed fetch
Javascript React