Function Component

test/useMediaQuery_test.tsx:29–32

(props: ComponentProps)

  it('builds query from props', () => {
    type ComponentProps = Partial<MediaQueryAllQueryable & { query?: string }>
    function Component(props: ComponentProps) {
      const matches = useMediaQuery(props)
      return matches ? <div className="childComponent" /> : null
    }
    class App extends React.Component<ComponentProps> {
      render = () => <Component {...this.props} />
    }