2.0.1

internal

• betters docs (thanks @necolas)
• added test coverage

bugfix

• warning for colliding now works

2.0.0

breaking changes

• the viewportWidth & viewportHeight properties that you get in mediaProps with the viewportGetter are now viewport.width & viewport.height

new features

• actual media queries support! thanks to @necolas

import { MediaProvider } from "react-media-queries"
import createMediaQueryListener from "react-media-queries/lib/createMediaQueryListener"
import createMediaQueryGetter from "react-media-queries/lib/createMediaQueryGetter"

const App = ({ mediaQuery }) => (
  <div>
    mediaQuery is:
    <ul>
      <li>small {mediaQuery.small.media}: {`${mediaQuery.small.matches}`}</li>
      <li>medium {mediaQuery.medium.media}: {`${mediaQuery.medium.matches}`}</li>
      <li>large {mediaQuery.large.media}: {`${mediaQuery.large.matches}`}</li>
    </ul>
  </div>
)

const WrappedApp = matchMedia()(App)

const mediaQueries = {
  small: "(min-width:300px)",
  medium: "(min-width: 400px)",
  large: "(min-width: 500px)"
}

render(
  <MediaProvider
    getMedia={createMediaQueryGetter(mediaQueries)}
    listener={createMediaQueryListener(mediaQueries)}>
    <App />
  </MediaProvider>,
  document.body.appendChild(document.createElement("div"))
)