如何使用typescript和emotion在Box组件上修复“属性类型”、“颜色不兼容”

import React from 'react';
import { CSSObject } from '@emotion/react';

type BoxProps = {
  color: string;
  size: number;
};

const Box: React.FC<BoxProps> = ({ color, size }) => {
  const boxStyle: CSSObject = {
    backgroundColor: color,
    width: `${size}px`,
    height: `${size}px`,
  };

  return <div css={boxStyle}></div>;
};

const App: React.FC = () => {
  return (
    <div>
      <Box color="red" size={100} />
    </div>
  );
};