when | object | (optional) Define a list of sizes to match, given as an object { min: 'small', max: 'medium' } or as an array [{ min: 'small', max: 'medium' }, { min: 'medium', max: 'large' }]. |
query | object | (optional) A MediaQuery as a string similar to the CSS API, but without @media. |
not | boolean | (optional) Reverts the defined queries as a whole. |
matchOnSSR | boolean | (optional) If set to true, it will match and return the given children during SSR. |
children | React.ReactNode | (optional) The content to be wrapped in the media query. |