/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

10 votes206 views2 answers
React-native text overflow ellipsis
Javascript React
4 votes209 views3 answers
Reactjs date format dd/mm/yyyy
Javascript React
0 vote193 views2 answers
Selected css based on route react
Javascript React
0 vote151 views1 answer
How to use algolia react native
Javascript React
0 vote193 views1 answer
Import ipcRenderer in react
Javascript React
0 vote220 views1 answer
Too many open files react native
Javascript React
0 vote194 views1 answer
Fetch is not defined jest react
Javascript React
4 votes192 views3 answers
Get params in react router dom v6
Javascript React
21 votes229 views6 answers
Shadow in react native
Javascript React
0 vote218 views1 answer
Can i use hooks with expo in react native
Javascript React