// utils/useDeviceDetect.js import React from "react"; export default function useDeviceDetect() { const [isMobile, setMobile] = React.useState(false); React.useEffect(() => { const userAgent = typeof window.navigator === "undefined" ? "" : navigator.userAgent; const mobile = Boolean( userAgent.match( /Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile|WPDesktop/i ) ); setMobile(mobile); }, []); return { isMobile }; }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter