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.
$ yarn add react-responsive-hoc
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>
);
}