diff --git a/docs/framework-integrations/react.mdx b/docs/framework-integrations/react.mdx
index 4f3f6d622..107b7c243 100644
--- a/docs/framework-integrations/react.mdx
+++ b/docs/framework-integrations/react.mdx
@@ -61,7 +61,7 @@ The following components are exported from `@uppy/react`:
 - `<ProgressBar />` renders [`@uppy/progress-bar`](/docs/progress-bar)
 - `<StatusBar />` renders [`@uppy/status-bar`](/docs/status-bar)
 
-{/* Commented out until the hook is live
+{/\* Commented out until the hook is live
 
 ### Hooks
 
@@ -89,7 +89,7 @@ You can see all the values you can access on the
 type. If you are accessing plugin state, you would have to look at the types of
 the plugin.
 
-*/}
+\*/}
 
 ## Examples
 
@@ -154,7 +154,7 @@ export default function App() {
 	const [uppy] = useState(() => new Uppy());
 
 	return (
-                // Add your router here
+		// Add your router here
 		<>
 			<Page1 />
 			<Page2 uppy={uppy} />
@@ -188,7 +188,7 @@ function Component(props) {
 When you go to production always make sure to set the `signature`. **Not using
 [Signature Authentication](https://transloadit.com/docs/topics/signature-authentication/)
 can be a security risk**. Signature Authentication is a security measure that
-can prevent outsiders from tampering with your Assembly Instructions. 
+can prevent outsiders from tampering with your Assembly Instructions.
 
 Generating a signature should be done on the server to avoid leaking secrets. In
 React, this could get awkward with a `fetch` in a `useEffect` and setting it to
@@ -211,7 +211,7 @@ function createUppy(userId) {
 }
 
 function Component({ userId }) {
-  // IMPORTANT: passing an initializer function to prevent Uppy from being reinstantiated on every render.
+	// IMPORTANT: passing an initializer function to prevent Uppy from being reinstantiated on every render.
 	const [uppy] = useState(() => createUppy(userId));
 
 	useEffect(() => {