/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 vote232 views1 answer
Install react-foundation library in react js
Javascript React
4 votes279 views1 answer
How to use font awewsome in react app
Javascript React
1 vote191 views2 answers
React native get timezone
Javascript React
0 vote240 views1 answer
Align left text in reactstrap
Javascript React
13 votes224 views4 answers
Passing data in react router history,push
Javascript React
6 votes244 views2 answers
React native spinkit
Javascript React
3 votes229 views1 answer
React hooks delete item from array
Javascript React
31 votes233 views3 answers
React mui icons
Javascript React
0 vote213 views1 answer
React native charts style gradiant
Javascript React
0 vote202 views1 answer
How to reload webview in react native
Javascript React