From bdf0a037a2678857ea1945a0508040f455c1ccaa Mon Sep 17 00:00:00 2001
From: ankit-tailor <tailorankit3345@gmail.com>
Date: Thu, 30 Nov 2023 16:22:27 +0530
Subject: [PATCH] fix: component refrence

---
 packages/react/src/styled.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/styled.tsx b/packages/react/src/styled.tsx
index f83ad31e..2fcd0892 100644
--- a/packages/react/src/styled.tsx
+++ b/packages/react/src/styled.tsx
@@ -1979,13 +1979,14 @@ export function verboseStyled<P, Variants, ComCon>(
     // }
 
     const ComponentWithPlugin = React.useMemo(() => {
+      let MyComponent = Component;
       if (plugins) {
         for (const pluginName in plugins) {
           // @ts-ignore
           if (plugins[pluginName]?.componentMiddleWare) {
             // @ts-ignore
-            Component = plugins[pluginName]?.componentMiddleWare({
-              Component: Component,
+            MyComponent = plugins[pluginName]?.componentMiddleWare({
+              Component: MyComponent,
               theme,
               componentStyleConfig,
               ExtendedConfig,
@@ -1996,7 +1997,7 @@ export function verboseStyled<P, Variants, ComCon>(
           }
         }
       }
-      return Component;
+      return MyComponent;
     }, []);
 
     let component;