在components library中使用MUI Dropdown。
在Storybook中运行库，它工作得很好。
在不同的React项目中使用组件，则设计将被损坏。
下拉标签有top: 60px，它不应该，菜单项悬停有错误的background color，菜单有额外的padding-bottom和更多。
检查（例如：标签）它有这个makeStyles class：

.makeStyles-root-12 {
    top: 60px;
}

在组件库中更新MUI版本后发生此错误行为：

"@emotion/react": "^11.8.1",
    "@emotion/styled": "^11.8.1",
    "@mui/material": "^5.4.4",
    "@mui/styles": "^5.6.1",
    "@mui/x-data-grid-pro": "^5.6.0",

并将项目（消耗库）React version更新为17：

"react": "^17",
    "react-dom": "^17",

让事情变得奇怪，有一系列的事件使风格再次正确：
转到不同的标签->返回到第一个标签（其中Dropdowns在）->样式是应该的
让事情变得更奇怪：在不同计算机上的同一项目不会遇到此问题。

组件库下拉标签

const useLabelStyles = makeStyles<
  {},
  { disabled: LazyBoolean; hasTooltip: LazyBoolean; readOnly?: boolean }
>({
  root: {
    fontSize: '14px !important',
    lineHeight: '20px !important',
    color: ({ disabled, readOnly }) =>
      disabled || readOnly
        ? 'var(--neutral-element-50) !important'
        : 'var(--neutral-element) !important',
    marginRight: ({ hasTooltip }) => (hasTooltip ? '10px !important' : ''),
    fontFamily: 'Open Sans !important',
  },
});

const labelClasses = useLabelStyles({
    disabled,
    readOnly,
    hasTooltip: Boolean(tooltipText),
  });

<InputLabel
  data-testid={generateDropdownTestIdWithSuffix(TEST_ID_SUFFIX.LABEL)}
  classes={labelClasses}
>
  {label}
</InputLabel>;