React Js Detect mobile or desktop browser

<!DOCTYPE html>
<html>

<body>
    <div id="app"></div>
    <script type="text/babel">
        const { useState, useEffect, } = React;

function App() {
            const [deviceType, setDeviceType] = useState(null);

useEffect(() => {
                const platform = navigator.platform;
                setDeviceType(
                    /iphone|ipad|ipod|android|webos|blackberry|windows phone/.test(
                        platform
                    )
                        ? "mobile"
                        : "desktop"
                );
            }, []);
            return (
                <div className='container'>
                    <h2>React Js Check if Mobile or Desktop Device</h2>
                    {deviceType && <p>Device Type: {deviceType}</p>}
                </div>
            );
            return <div></div>;
        }
        ReactDOM.render(<App />, document.getElementById("app"));
    </script>

</style>
</body>

</html>