/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 vote167 views1 answer
React chunk file too large
Javascript React
125 votes175 views6 answers
Create React App command
Javascript React
0 vote121 views1 answer
How to bound a state variable to a field react final form
Javascript React
6 votes155 views1 answer
How to import dotenv in react
Javascript React
-1 vote149 views1 answer
React-native-geolocation-service
Javascript React
0 vote121 views1 answer
React testing library Property 'value' does not exist on type 'HTMLElement'.ts(2339)
Javascript React
0 vote121 views1 answer
Const userMessage Reaction = new UserMessage Reaction({ _id: mongoose.Types.ObjectId(), userId: "USERID", userName: "TESTUSERNAME", messageId: "TESTMESSAGEID", time: "TESTTIME" });
Javascript React
0 vote124 views1 answer
Onclick react history map
Javascript React
0 vote158 views1 answer
React unfocus check
Javascript React
0 vote143 views1 answer
Import batch from 'react-redux'
Javascript React