docs: formatting

README.md

@@ -49,27 +49,29 @@ const loader = makeLoader(async () => {
 	});
 });
 
-> **Note**
-> You will have to `await` swr so that the ui-blocking part can be resolved (the cache) prior to rendering, but the fresh data will still be sent as an unfulfilled promise.
-
-See the full example [here](/examples/vite-react).
-
 // automatically handles cached data, loading states, and errors, obeys `onError` behaviour
 const Component = () => {
-    const { posts } = useLoaderData<typeof loader>();
+const { posts } = useLoaderData<typeof loader>();
 
     return <SWR
                 data={posts}
                 // will render when there is no cache and no data laoded yet
                 loadingElement={<PostsSkeleton/>}
                 // will render if there’s an error loading the data and there is no cache
                 errorElement={<ErrorView heading="Error loading matches" />}
-				>
-					{posts => <ul>{posts.map(posts => <li key={post.id}>{post.title}</li>)}</ul>}
+    			>
+    				{posts => <ul>{posts.map(posts => <li key={post.id}>{post.title}</li>)}</ul>}
             </SWR>
+
 }
+
 ```
 
+> **Note**
+> You will have to `await` swr so that the ui-blocking part can be resolved (the cache) prior to rendering, but the fresh data will still be sent as an unfulfilled promise.
+
+See the full example [here](/examples/vite-react).
+
 ### Invalidating the cache
 
 You can use invalidation as part of actions or simply call it in your event handlers, if your app is not server-side rendered.