diff --git a/docs/advanced-features/dynamic-import.md b/docs/advanced-features/dynamic-import.md
index a7b4f5eac1ee6..f9947809dded0 100644
--- a/docs/advanced-features/dynamic-import.md
+++ b/docs/advanced-features/dynamic-import.md
@@ -23,7 +23,7 @@ By using `next/dynamic`, the header component will not be included in the page's
 import dynamic from 'next/dynamic'
 
 const DynamicHeader = dynamic(() => import('../components/header'), {
-  loading: () => 'Loading...',
+  loading: () => <p>Loading...</p>,
 })
 
 export default function Home() {