From 6a4d9e4c674588110cce0395846601da58c0fbd0 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH] use a fixed version of styled-components to make snapshot
 testing stable

---
 test/__snapshots__/integration.test.ts.snap | 2 +-
 test/html/react-styled-components.html      | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/test/__snapshots__/integration.test.ts.snap b/test/__snapshots__/integration.test.ts.snap
index fec3e85d..64784506 100644
--- a/test/__snapshots__/integration.test.ts.snap
+++ b/test/__snapshots__/integration.test.ts.snap
@@ -3111,7 +3111,7 @@ exports[`react-styled-components 1`] = `
                     \\"type\\": 2,
                     \\"tagName\\": \\"script\\",
                     \\"attributes\\": {
-                      \\"src\\": \\"https://cdn.jsdelivr.net/npm/styled-components/dist/styled-components.min.js\\"
+                      \\"src\\": \\"https://cdn.jsdelivr.net/npm/styled-components@5.0.1/dist/styled-components.min.js\\"
                     },
                     \\"childNodes\\": [],
                     \\"id\\": 35
diff --git a/test/html/react-styled-components.html b/test/html/react-styled-components.html
index 296d5f5e..d3924f63 100644
--- a/test/html/react-styled-components.html
+++ b/test/html/react-styled-components.html
@@ -11,7 +11,7 @@
     <script src="https://cdn.jsdelivr.net/npm/react@16/umd/react.production.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/react-dom@16/umd/react-dom.production.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/react-is@16.13.1/umd/react-is.production.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/styled-components/dist/styled-components.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/styled-components@5.0.1/dist/styled-components.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/babel-standalone@6/babel.min.js"></script>
     <script type="text/babel">
       const e = React.createElement;
@@ -19,7 +19,7 @@
       const Title = styled.h1`
         font-size: 1.5em;
         text-align: center;
-        color: ${props => props.color || 'palevioletred'};
+        color: ${(props) => props.color || 'palevioletred'};
       `;
 
       const Wrapper = styled.section`