/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 vote405 views1 answer
Google-maps-react give undefined lat long
Javascript React
0 vote391 views1 answer
Plotly react
Javascript React
7 votes415 views1 answer
How to place a line break in react native
Javascript React
1 vote374 views2 answers
React-native array.filter by index arrow function
Javascript React
0 vote402 views1 answer
OnChange react functional programming
Javascript React
0 vote411 views1 answer
Onclick start and stop the count react
Javascript React
0 vote408 views1 answer
Comment creer des switch en react js
Javascript React
3 votes380 views2 answers
React chart.js
Javascript React
2 votes400 views2 answers
How to send form data from react to express
Javascript React
3 votes385 views3 answers
React hide source code
Javascript React