diff --git a/docs/pages/docs/advanced/nextjs.mdx b/docs/pages/docs/advanced/nextjs.mdx
index 3331bcc86c..c7e2173ec3 100644
--- a/docs/pages/docs/advanced/nextjs.mdx
+++ b/docs/pages/docs/advanced/nextjs.mdx
@@ -29,7 +29,7 @@ export default function Editor() {
 
 ## Import as dynamic
 
-In the same directory, create a new file called `DyanmicEditor.tsx`:
+In the same directory, create a new file called `DynamicEditor.tsx`:
 Here, we will use [Dynamic Imports](https://nextjs.org/docs/pages/building-your-application/optimizing/lazy-loading) to make sure BlockNote is only imported on the client-side.
 
 You can import the component we just created above using `next/dynamic` in your page: