/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 vote194 views2 answers
React datepicker documentation
Javascript React
13 votes218 views10 answers
React navigation
Javascript React
0 vote188 views1 answer
If statement in react native
Javascript React
1 vote172 views2 answers
Edit todo list react-redux
Javascript React
0 vote181 views1 answer
How to detect if ios is in dark mode react native
Javascript React
3 votes182 views1 answer
React native elements
Javascript React
0 vote193 views1 answer
React firebase add doc to collection
Javascript React
1 vote177 views1 answer
I18n turn off suspense react
Javascript React
2 votes170 views1 answer
React nginx returns 404 after reload
Javascript React
1 vote186 views3 answers
React native SafeAreaView
Javascript React