diff --git a/docs/start/framework/react/tutorial/reading-writing-file.md b/docs/start/framework/react/tutorial/reading-writing-file.md
index 11b1be07944..47767466baf 100644
--- a/docs/start/framework/react/tutorial/reading-writing-file.md
+++ b/docs/start/framework/react/tutorial/reading-writing-file.md
@@ -178,7 +178,7 @@ Now let's create a new component `JokesList` to render the jokes on the page wit
 
 ```tsx
 // src/components/JokesList.tsx
-import { Joke } from '../types'
+import type { Joke } from '../types'
 
 interface JokesListProps {
   jokes: Joke[]