useDeviceDetection Hook

Detect mobile/desktop devices using user agent

ReactDeviceResponsive

Open in

useDeviceDetection

Detect mobile devices based on user agent

Desktop Device

(Based on user agent detection)

Copy source code and paste it in hooks/devsloka-hooks folder

hooks/devsloka-hooks/use-device-detection.tsx

1"use client";
2import { useState, useEffect } from "react";
3
4export const useDeviceDetection = (): boolean => {
5  const [isMobile, setIsMobile] = useState<boolean>(false);
6
7  useEffect(() => {
8    const userAgent = navigator.userAgent.toLowerCase();
9    setIsMobile(/iphone|ipad|android/.test(userAgent));
10  }, []);
11
12  return isMobile;
13};