/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 votes118 views1 answer
React native search bar
Javascript React
-1 vote122 views2 answers
E.target.text react
Javascript React
24 votes152 views6 answers
Proptypes react
Javascript React
1 vote119 views1 answer
React map component in
Javascript React
0 vote128 views1 answer
How to disable button if errors object isnt empty in react hook form
Javascript React
1 vote125 views1 answer
Add a text on last object map reactjs
Javascript React
2 votes116 views2 answers
Vscode extensions for better react js
Javascript React
69 votes121 views6 answers
React icon
Javascript React
1 vote134 views2 answers
Shadow on view in react natice
Javascript React
16 votes126 views6 answers
Usestate in react
Javascript React