From 9ceb0c2b700d1c525136db3800a8fd92598499a8 Mon Sep 17 00:00:00 2001
From: Shane Williams <shane.williams@resourcekraft.com>
Date: Wed, 6 Nov 2024 07:19:29 +0000
Subject: [PATCH] Fix README example for ssr client wrapper

---
 README.md | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index d10354e..6d08150 100644
--- a/README.md
+++ b/README.md
@@ -105,11 +105,9 @@ To learn about using Server-Side Rendering with [Next.js](https://nextjs.org/doc
 First, create a component that wraps `DevIcon` (_app/devicon.tsx_):
 
 ```tsx
-import { DevIcon } from "react-simple-devicons";
+"use client";
 
-const DevIcon = () => {
-  return <DevIcon />;
-};
+import { DevIcon } from "react-simple-devicons";
 
 export default DevIcon;
 ```
@@ -119,7 +117,7 @@ export default DevIcon;
 Next, import the newly created component into your pages (_app/page.tsx_):
 
 ```tsx
-import DevIcon from "./DevIcon";
+import DevIcon from "./devicon";
 
 export default function Page() {
   return (