From a59a07be9ff07fa46123069f8074269fca0fe191 Mon Sep 17 00:00:00 2001
From: beefchimi <curtdulmage@gmail.com>
Date: Sat, 27 Jul 2019 18:21:25 -0400
Subject: [PATCH] :pencil2: Small corrections to README

---
 README.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 4377a8e..15f809d 100644
--- a/README.md
+++ b/README.md
@@ -80,8 +80,8 @@ export function jestMockMatchMedia({media, matches = false}: MockMatchMedia) {
 
 ```jsx
 const mediaQueries = {
-  prefersReducedMotion: '(prefers-reduced-motion: reduce)',
   mobile: '(max-width: 767px)',
+  prefersReducedMotion: '(prefers-reduced-motion: reduce)',
 };
 
 describe('<MyComponent />', () => {
@@ -127,9 +127,8 @@ interface Props {
 export const MediaQueryContext = createContext(null);
 
 const mediaQueries = {
-  prefersReducedMotion: '(prefers-reduced-motion: reduce)',
   mobile: '(max-width: 767px)',
-  desktop: '(min-width: 768px)',
+  prefersReducedMotion: '(prefers-reduced-motion: reduce)',
 };
 
 export default function MediaQueryProvider({children}: Props) {
@@ -157,13 +156,14 @@ export function useMediaQueryContext() {
 ```jsx
 import React from 'react';
 import MediaQueryProvider from '../MediaQueryProvider';
+import MyComponent from '../MyComponent';
 
 export default function App() {
   return (
     <MediaQueryProvider>
-      <MyApp>
+      <div id="MyApp">
         <MyComponent />
-      </MyApp>
+      </div>
     </MediaQueryProvider>
   );
 }