/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 vote192 views1 answer
Onpress setstate react native
Javascript React
0 vote194 views1 answer
Slide hide animaition in react
Javascript React
2 votes256 views1 answer
React router 6 navigate
Javascript React
0 vote204 views1 answer
Make forn awesome icon clickable in react
Javascript React
6 votes200 views1 answer
React history with search
Javascript React
5 votes214 views1 answer
Redirect in netlify react
Javascript React
1 vote243 views1 answer
React native flatlist hide scrollbar
Javascript React
0 vote208 views1 answer
Props with ternary in react
Javascript React
13 votes206 views1 answer
React js vs jsx
Javascript React
0 vote212 views3 answers
Get url parameter in react js
Javascript React