/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 vote318 views1 answer
Module not found reactstrap
Javascript React
0 vote306 views1 answer
Start live server react js
Javascript React
1 vote299 views1 answer
How to update version of dependencies reactjs
Javascript React
6 votes295 views1 answer
Remove yellow warning react native emulator
Javascript React
0 vote352 views1 answer
Convert integer month to string month react native
Javascript React
1 vote346 views1 answer
How to change favicon dynamic in react js
Javascript React
1 vote278 views1 answer
How to use array of object in react
Javascript React
2 votes324 views1 answer
React native apk bundle
Javascript React
144 votes477 views6 answers
How to install react js
Javascript React
1 vote302 views1 answer
Using React useRef hook to focus input field on button click
Javascript React