/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 vote291 views2 answers
React composition
Javascript React
0 vote291 views1 answer
React testing library getBy image
Javascript React
18 votes324 views4 answers
React for loop in render
Javascript React
0 vote316 views1 answer
OAuth with axios react native
Javascript React
2 votes298 views3 answers
React native component at bottom center
Javascript React
4 votes279 views4 answers
React native android safeareaview
Javascript React
0 vote326 views2 answers
How to hide api key in react
Javascript React
0 vote332 views1 answer
Donwload data from react js in json file
Javascript React
0 vote307 views7 answers
How to generate debug build in react native
Javascript React
106 votes336 views2 answers
React npm build
Javascript React