chore: remove warnings from site code (#43118)

* chore: remove / from old version url

* chore: remove dev warning

.dumi/pages/index/components/Theme/ColorPicker.tsx

@@ -19,7 +19,7 @@ const useStyle = () => {
       transition: all ${token.motionDurationFast};
       display: inline-block;
 
-      & > input[type="radio"] {
+      & > input[type='radio'] {
         width: 0;
         height: 0;
         opacity: 0;
@@ -138,7 +138,11 @@ export default function ThemeColorPicker({ value, onChange }: RadiusPickerProps)
 
           if (picker) {
             colorNode = (
-              <DebouncedColorPicker value={value || ''} onChange={onChange}>
+              <DebouncedColorPicker
+                key={`colorpicker-${value}`}
+                value={value || ''}
+                onChange={onChange}
+              >
                 {colorNode}
               </DebouncedColorPicker>
             );

.dumi/pages/index/components/Theme/index.tsx

@@ -377,8 +377,8 @@ export default function Theme() {
               },
           Menu: isLight
             ? {
-                colorItemBg: 'transparent',
+                itemBg: 'transparent',
-                colorSubItemBg: 'transparent',
+                subMenuItemBg: 'transparent',
                 colorActiveBarWidth: 0,
               }
             : {

.dumi/theme/slots/Header/index.tsx

@@ -299,7 +299,7 @@ const Header: React.FC = () => {
       defaultValue={pkg.version}
       onChange={handleVersionChange}
       dropdownStyle={getDropdownStyle}
-      dropdownMatchSelectWidth={false}
+      popupMatchSelectWidth={false}
       getPopupContainer={(trigger) => trigger.parentNode}
       options={versionOptions}
     />,

.dumi/theme/slots/Sidebar/index.tsx

@@ -1,11 +1,11 @@
-import React, { useContext } from 'react';
+import { css } from '@emotion/react';
-import { useSidebarData } from 'dumi';
 import { Col, ConfigProvider, Menu } from 'antd';
+import { useSidebarData } from 'dumi';
 import MobileMenu from 'rc-drawer';
-import { css } from '@emotion/react';
+import React, { useContext } from 'react';
-import SiteContext from '../SiteContext';
 import useMenu from '../../../hooks/useMenu';
 import useSiteToken from '../../../hooks/useSiteToken';
+import SiteContext from '../SiteContext';
 
 const useStyle = () => {
   const { token } = useSiteToken();
@@ -134,7 +134,7 @@ const Sidebar: React.FC = () => {
   } = useSiteToken();
 
   const menuChild = (
-    <ConfigProvider theme={{ components: { Menu: { colorItemBg: colorBgContainer } } }}>
+    <ConfigProvider theme={{ components: { Menu: { itemBg: colorBgContainer } } }}>
       <Menu
         items={menuItems}
         inlineIndent={30}