)
}
```
## API
### useMediaQuery(query)
A hook that returns `true` if the media query matched and `false` if not. This hook
will always return `false` when rendering on the server.
| Argument | Type | Required? | Description |
| -------- | -------- | --------- | ------------------------------------------------------------------------------------ |
| query | `string` | Yes | The media query you want to match against e.g. `"only screen and (min-width: 12em)"` |
#### Returns `boolean`
Returns `true` if the media query matched. This is always `false` when rendering on the server.
### useMediaQueries(queryMap)
A hook that returns a [`MediaQueryMatches`](#mediaquerymatches) object which will
tell you if specific media queries matched, all media queries matched, or
any media queries matched. Matches in this hook will always return `false` when
rendering on the server.
| Argument | Type | Required? | Description |
| -------- | ----------------------------- | --------- | ------------------------------------------------------------------------------------------------- |
| queryMap | `{[Name in keyof T]: string}` | Yes | The media queries you want to match against e.g. `{screen: "screen", width: "(min-width: 12em)"}` |
#### Returns [`MediaQueryMatches`](#mediaquerymatches)
### MediaQueryMatches
```typescript
export interface MediaQueryMatches {
/**
* Returns a map of query key/didMatch pairs
*/
matches: Matches
/**
* `true` if any of the media queries matched
*/
matchesAny: boolean
/**
* `true` if all of the media queries matched
*/
matchesAll: boolean
}
```
## LICENSE
MIT
