/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 vote402 views1 answer
React tagInput component
Javascript React
2 votes379 views1 answer
React refresh page every second
Javascript React
0 vote379 views1 answer
How to run react build locally
Javascript React
0 vote366 views1 answer
React createElement interactive button
Javascript React
0 vote402 views1 answer
Discord.js TypeError: Reactedmsg.delete message using id
Javascript React
0 vote344 views1 answer
Docker react js
Javascript React
15 votes419 views3 answers
Image source react native
Javascript React
0 vote371 views1 answer
How to use two text fields in one single row react js
Javascript React
123 votes579 views3 answers
Set interval react
Javascript React
1 vote366 views1 answer
React scroll to bottom of div
Javascript React