react-mobile-detect

mobile detect device for react component implement from react-device-detect for my own work

Installation

To install, you can use npm or yarn:

npm i react-mobile-detect
or
yarn add react-mobile-detect

Usage

import {
  BrowserView, // Modify this
  MobileView, // Modify this
  DetectMobileContextProvider
} from "react-mobile-detect";

<BrowserView/>
<MobileView/>

<DetectMobileContextProvider><App/></DetectMobileContextProvider>

const { isMobile } = useMobileDetect();

for Next.js

import dynamic from 'next/dynamic'

const BrowserView = dynamic(() => import('~/components/BrowserView'), { ssr: false })

const MobileView = dynamic(() => import('~/components/MobileView'), { ssr: false })

Run

1. git clone https://github.com/zeing/react-mobile-detect.git

2. yarn

3. yarn start