/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

-2 votes242 views1 answer
React spring transition animations
Javascript React
0 vote241 views3 answers
Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
Javascript React
1 vote230 views1 answer
Handling scrolling on react router transitions
Javascript React
0 vote249 views1 answer
React-data-table-component cell action
Javascript React
1 vote236 views1 answer
Forcechange input reactiveform
Javascript React
3 votes239 views1 answer
React data attributes event
Javascript React
0 vote237 views1 answer
Get id button clicked react
Javascript React
0 vote262 views1 answer
React-native-error-check-the-render-method-of-app
Javascript React
0 vote237 views1 answer
Reactvs y axis range
Javascript React
0 vote241 views1 answer
React interactions
Javascript React