@proca/widget/src/hooks/useDevice.js

Proca is an open-source campaign toolkit designed to empower activists and organisations in their digital advocacy efforts. It provides a flexible and customisable platform for creating and managing online petitions, email campaigns, and other forms of di

import { useEffect, useState } from "react";

const useIsMobile = () => {
  // there is another useIsMobile, based on the screen width at src/hooks/useLayout
  const [isMobile, setMobile] = useState(false);

  const UA = navigator.userAgent;

  useEffect(() => {
    //TO_TEST const im=window?.matchMedia('(any-pointer:coarse)').matches;
    const im =
      /(iphone|ipod|ipad|android)/gi.test(UA) ||
      (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1); // iPadOS
    setMobile(im);
  }, [UA]);

  return isMobile;
};

const useIsWindows = () => {
  const [isWin, setWin] = useState(false);
  useEffect(() => {
    if (navigator.userAgent.indexOf("Win") > -1) setWin(true);
  }, []);
  return isWin;
};

export { useIsMobile, useIsWindows };