Reactjs 仅在Firefox中React转换组的性能不佳

我一直在研究，没有找到解决办法

我正在使用React Transignion组创建淡入淡出过渡

特别是在Firefox中，动画过程中会出现问题。过渡并不顺利。在所有其他浏览器中，我都没有问题（Chrome、Opera、Safari等）

我还测试了4台不同的计算机，在所有这些计算机上，我只有Firefox的性能有问题

这里有一个实施示例：

<Transition
        in={inProp}
        onEnter={onEnter}
        onExit={onExit}
        timeout={timeout}
        mountOnEnter={mountOnEnter}
        unmountOnExit={unmountOnExit}
        addEndListener={() => true}
        {...rest}
      >
        {(state) => (
          <FadeInAnimation
            ref={ref}
            data-testid="fade-animation"
            state={state}
            {...rest}
          >
            {children}
          </FadeInAnimation>
        )}
</Transition>

有没有关于如何在Firefox中解决这个性能问题的想法

多谢各位

import styled from 'styled-components';
import { TransitionStatus } from 'react-transition-group/Transition';

export const FadeInAnimation = styled.div<{
  state: TransitionStatus;
}>`
  transition: 0.3s;
  opacity: ${({ state }) => (state === 'entered' ? 1 : 0)};
  visibility: ${({ state }) => (state === 'entered' ? 'block' : 'hidden')};
`;