/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

1 vote137 views1 answer
React place div at center of page
Javascript React
125 votes276 views6 answers
Install React Bootstrap
Javascript React
3 votes262 views2 answers
Center an element react native
Javascript React
0 vote138 views1 answer
React padding at bottom svg
Javascript React
13 votes143 views4 answers
Passing data in react router history,push
Javascript React
1 vote152 views1 answer
React router dom 6 go back
Javascript React
0 vote139 views1 answer
React app link description preview
Javascript React
0 vote148 views1 answer
Generate ios build react native
Javascript React
0 vote139 views1 answer
Valueof in react native
Javascript React
0 vote155 views1 answer
Onclick inline function react
Javascript React