diff --git a/docs/packages/next.md b/docs/packages/next.md
index 0de6def7..66692135 100644
--- a/docs/packages/next.md
+++ b/docs/packages/next.md
@@ -125,7 +125,7 @@ In your `codeblock.tsx`:
 
 ```tsx
 'use client'
-import { useLayoutEffect, useState } from 'react'
+import { JSX, useLayoutEffect, useState } from 'react'
 import { highlight } from './shared'
 
 export function CodeBlock({ initial }: { initial?: JSX.Element }) {