styled-components热更新问题

components/filter/compoents/regionItem/index.tsx

@@ -23,7 +23,7 @@ export default function RegionItem(){
         <Space size={40}>
           <Select
             bordered={false}
-            dropdownMatchSelectWidth={false}
+            popupMatchSelectWidth={false}
             placeholder="选择省"
             onChange={onProvinceChange}
             options={[
@@ -35,7 +35,7 @@ export default function RegionItem(){
           />
           <Select
             bordered={false}
-            dropdownMatchSelectWidth={false}
+            popupMatchSelectWidth={false}
             placeholder="选择市"
             onChange={onCityChange}
             options={[

package.json

@@ -32,6 +32,7 @@
     "@amap/amap-jsapi-loader": "^1.0.1",
     "@ant-design/icons": "^5.0.1",
     "@hapi/iron": "^7.0.1",
+    "@types/styled-components": "^5.1.26",
     "babel-plugin-styled-components": "^2.1.1",
     "cookie": "^0.5.0",
     "next-connect": "^1.0.0",

pages/_document.tsx

@@ -5,14 +5,18 @@ import Document, {
   NextScript,
   DocumentContext,
 } from 'next/document';
+import { ServerStyleSheet } from 'styled-components';
 export default class MyDocument extends Document {
   static async getInitialProps(ctx: DocumentContext) {
+    const sheet = new ServerStyleSheet();
     const initialProps = await Document.getInitialProps(ctx);
+
     return {
       ...initialProps,
       styles: (
         <>
           {initialProps.styles}
+          {sheet.getStyleElement()}
         </>
       ),
     };

pages/flyingHandService/index.page.tsx

@@ -39,7 +39,7 @@ export default function FlyingHandService() {
               <Select
                   className='selectItem'
                   bordered={false}
-                  dropdownMatchSelectWidth={false}
+                  popupMatchSelectWidth={false}
                   placeholder="区域"
                   size="large"
                   onChange={onProvinceChange}
@@ -53,7 +53,7 @@ export default function FlyingHandService() {
                  <Select
                   className='selectItem'
                   bordered={false}
-                  dropdownMatchSelectWidth={false}
+                  popupMatchSelectWidth={false}
                   placeholder="考证"
                   size="large"
                   onChange={onProvinceChange}
@@ -67,7 +67,7 @@ export default function FlyingHandService() {
                 <Select
                   className='selectItem'
                   bordered={false}
-                  dropdownMatchSelectWidth={false}
+                  popupMatchSelectWidth={false}
                   placeholder="技能"
                   size="large"
                   onChange={onProvinceChange}

pages/home/waterfallFlowBody/index.tsx

@@ -6,7 +6,7 @@ import ContentBox from '~/components/contentBox';
 import RotationChart from './components/rotationChart'
 import Map from './components/map';
 // import icon from './_assets/icon.png';
-const icon = 'error'
+const icon = ''
 export default function WaterfallFlowBody() {
 
   const onMoreChange = (value: string) => {
@@ -33,7 +33,7 @@ export default function WaterfallFlowBody() {
                 placeholder="更多"
                 onChange={onMoreChange}
                 bordered={false}
-                dropdownMatchSelectWidth={false}
+                popupMatchSelectWidth={false}
                 options={[
                   { value: "jack", label: "Jack" },
                   { value: "lucy", label: "Lucy" },

pages/jobServices/index.page.tsx

@@ -60,7 +60,7 @@ export default function JobServices() {
               <Space size={40}>
                 <Select
                   bordered={false}
-                  dropdownMatchSelectWidth={false}
+                  popupMatchSelectWidth={false}
                   placeholder="选择省"
                   onChange={onProvinceChange}
                   options={[
@@ -72,7 +72,7 @@ export default function JobServices() {
                 />
                 <Select
                   bordered={false}
-                  dropdownMatchSelectWidth={false}
+                  popupMatchSelectWidth={false}
                   placeholder="选择市"
                   onChange={onCityChange}
                   options={[
@@ -100,7 +100,7 @@ export default function JobServices() {
                 placeholder="更多"
                 onChange={onMoreChange}
                 bordered={false}
-                dropdownMatchSelectWidth={false}
+                popupMatchSelectWidth={false}
                 options={[
                   { value: "jack", label: "Jack" },
                   { value: "lucy", label: "Lucy" },
@@ -123,7 +123,7 @@ export default function JobServices() {
                 placeholder="更多"
                 onChange={onMoreChange}
                 bordered={false}
-                dropdownMatchSelectWidth={false}
+                popupMatchSelectWidth={false}
                 options={[
                   { value: "jack", label: "Jack" },
                   { value: "lucy", label: "Lucy" },
@@ -146,7 +146,7 @@ export default function JobServices() {
                 placeholder="更多"
                 onChange={onMoreChange}
                 bordered={false}
-                dropdownMatchSelectWidth={false}
+                popupMatchSelectWidth={false}
                 options={[
                   { value: "jack", label: "Jack" },
                   { value: "lucy", label: "Lucy" },