/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 vote348 views2 answers
React native bottom sheet example
Javascript React
1 vote287 views1 answer
How to install formik in react native
Javascript React
3 votes427 views3 answers
How to uninstall react native cli globally
Javascript React
0 vote368 views1 answer
Network display react native
Javascript React
0 vote321 views1 answer
Add update react pwa feature
Javascript React
2 votes338 views2 answers
Merge two styles react native
Javascript React
1 vote363 views1 answer
How to setup React Context, useContext Hook
Javascript React
1 vote371 views1 answer
Found page without a React Component as default export in
Javascript React
1 vote325 views1 answer
Slider on release call api react material ui
Javascript React
0 vote360 views1 answer
Form changes button enable reactive forms
Javascript React