styled-components v6版本props问题

 问题一：React does not recognize the `verifyColor` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `verifycolor` instead. If you accidentally passed it from a parent component, remove it from the DOM element.

问题二：styled-components: it looks like an unknown prop "verifycolor" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.) 

解决方法：

1、安装styled-components v5版本

2、添加StyleSheetManager标签，详细参考官方文档：https://styled-components.com/docs/faqs#what-do-i-need-to-do-to-migrate-to-v6

import { StyleSheetManager, ThemeProvider } from 'styled-components'
import isPropValid from '@emotion/is-prop-valid'
import theme from './assets/theme/theme'
<StyleSheetManager shouldForwardProp={isPropValid}>
    <ThemeProvider theme={theme}>
          <App />
      </ThemeProvider>
</StyleSheetManager>