fix: correct typo

README.md

@@ -1,9 +1,9 @@
 # useBreakpoints
 
-> React Hook to map value/breakpoint the styled-component way.
-
 [![CircleCI](https://circleci.com/gh/thebiltheory/useBreakpoints/tree/master.svg?style=svg)](https://circleci.com/gh/thebiltheory/useBreakpoints/tree/master) [![NPM](https://img.shields.io/npm/v/usebreakpoints.svg)](https://www.npmjs.com/package/@thebiltheory/usebreakpoints) ![npm](https://img.shields.io/npm/v/@thebiltheory/usebreakpoints?color=%236820FE) ![npm](https://img.shields.io/npm/dm/@thebiltheory/usebreakpoints)
 
+React Hook to map value/breakpoint the styled-component way.
+
 ## Example/ Demo
 
 [![Edit useBreakpoints](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/amazing-edison-x9g17?fontsize=14&hidenavigation=1&theme=dark)
@@ -24,14 +24,20 @@ yarn add @thebiltheory/usebreakpoints
 
 ```tsx
 const [value, currentBreakpoint] = useBreakpoints(
-  ['sad', 'neutral', 'happy', 'rocket'],
-  [576, 768, 992, 1200]
+  ['mobile', 'tablet', 'desktop', 'huge screen'],
+  [576, 768, 992, 1600]
 )
 
 const [value, currentBreakpoint] = useBreakpoints(
   [1, 2, 3, 4],
   [576, 768, 992, 1200]
 )
+
+import theme from 'src/theme'
+const [value, currentBreakpoint] = useBreakpoints(
+  [1, 2, 3, 4],
+  theme.breakpoints
+)
 ```
 
 ## License

src/utils/makeMediaQueryList.ts

@@ -1,4 +1,4 @@
-export default function getMediaQueriyList(breakpoints: number[]) {
+export default function makeMediaQueryList(breakpoints: number[]) {
   return breakpoints.map((breakpoint: number, index: number) => {
     const maxWidth = breakpoints[index + 1]
     return window.matchMedia(