/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 vote202 views1 answer
How to use empty href link in reactjs
Javascript React
2 votes291 views2 answers
Select option in reactive forms
Javascript React
13 votes178 views4 answers
React native elevation
Javascript React
1 vote194 views2 answers
Open websute react native
Javascript React
0 vote202 views1 answer
Button color change loop in react
Javascript React
0 vote203 views1 answer
Image and video lightbox react
Javascript React
0 vote187 views1 answer
Making a react js website project ready for hosting
Javascript React
2 votes197 views1 answer
React dynamic import
Javascript React
0 vote181 views1 answer
Center child components in react
Javascript React
0 vote182 views1 answer
Await zoomus.joinmeeting crashing app react native
Javascript React