fix: 修复effect style无__cssinjs_instance__的问题

ant-design · Nov 4, 2024 · d32bfd8 · d32bfd8
1 parent eabc24e
commit d32bfd8
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/hooks/useStyleRegister.tsx b/src/hooks/useStyleRegister.tsx
@@ -494,11 +494,13 @@ export default function useStyleRegister(
           // ================= Inject Layer Style =================
           // Inject layer style
           effectLayerKeys.forEach((effectKey) => {
-            updateCSS(
+            const effectLayerStyle = updateCSS(
               normalizeStyle(effectStyle[effectKey]),
               `_layer-${effectKey}`,
               { ...mergedCSSConfig, prepend: true },
             );
+            // fix effect style no CSS_IN_JS_INSTANCE
+            (effectLayerStyle as any)[CSS_IN_JS_INSTANCE] = cache.instanceId;
           });
 
           // ==================== Inject Style ====================
@@ -518,11 +520,13 @@ export default function useStyleRegister(
           // ================ Inject Effect Style =================
           // Inject client side effect style
           effectRestKeys.forEach((effectKey) => {
-            updateCSS(
+            const effectRestStyle = updateCSS(
               normalizeStyle(effectStyle[effectKey]),
               `_effect-${effectKey}`,
               mergedCSSConfig,
             );
+            // fix effect style no CSS_IN_JS_INSTANCE
+            (effectRestStyle as any)[CSS_IN_JS_INSTANCE] = cache.instanceId;
           });
         }
       },