From cf7854413cf9684a1a4207d64ea6da6d96e65a14 Mon Sep 17 00:00:00 2001
From: shunmaruko <54808156+shunmaruko@users.noreply.github.com>
Date: Thu, 4 Jul 2024 23:12:38 +0900
Subject: [PATCH] docs(blog): fix typo of react patterns (#6101)

---
 documentation/blog/2023-10-17-react-patterns.md | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/documentation/blog/2023-10-17-react-patterns.md b/documentation/blog/2023-10-17-react-patterns.md
index 77ef3234975b..95540f566209 100644
--- a/documentation/blog/2023-10-17-react-patterns.md
+++ b/documentation/blog/2023-10-17-react-patterns.md
@@ -279,17 +279,15 @@ After creating the provider, we will enclose components dependent on the data fr
 To obtain the data from context API, we call useContext hook, which accepts a context as a parameter(in this case, **ThemeContext**).
 
 ```tsx
-impor { useContext } from 'react';
+import { useContext } from "react";
 import { ThemeProvider, ThemeContext } from "../context";
 
-
 const HeaderSection = () => {
   <ThemeProvider>
     <TopNav />
   </ThemeProvider>;
 };
 
-
 const TopNav = () => {
   const { theme, setTheme } = useContext(ThemeContext);
 
@@ -299,7 +297,6 @@ const TopNav = () => {
     </div>
   );
 };
-
 ```
 
 ## Component enhancement with HOCs (higher-order components)