react-responsive-hoc

Wrapper around react-responsive to work with SSR.

This module exports a provider for defining the default device (for SSR) and a modified MediaQuery from react-responsive to use the default device.

Installation

$ yarn add react-responsive-hoc

Usage

import { MediaQueryProvider, MediaQuery } from 'react-responsive-hoc';
 
const Example = () => {
    return (
        <MediaQuery query="(min-device-width: 1224px)">
            On Desktop only
        </MediaQuery>
    )
};
 
const App = () => {
    return (
        <MediaQueryProvider width={1600} height={800}>
            <Example />
        </MediaQueryProvider>
    );
}