$ npm i simple-responsive-react

$ yarn add simple-responsive-react

import React from 'react'
import { ResponsiveBreakpointsProvider } from 'simple-responsive-react'

const App = () => {
    return (
        <ResponsiveBreakpointsProvider>
        // ...all your other components here
        </ResponsiveBreakpointsProvider>
    )
}

export default App

import Responsive from 'simple-responsive-react'

...

<Responsive
    type="above"
    screen="mobile"
>
    <MyComponent>
</Responsive>

const customBreakpoints = {
    mobile: 0,
    tablet: 768,
    desktop: 992,
    largeScreen: 1200,
    wideScreen: 1920
}

return (
    <ResponsiveBreakpointsProvider breakpoints={customBreakpoints}>
    // ...all your other components here
    </ResponsiveBreakpointsProvider>
)