@material-ui/Icons错误:对象作为React子级无效

import React from 'react';
import { Icon } from '@material-ui/core';

const MyComponent = () => {
  return <Icon>favorite</Icon>;
};

export default MyComponent;

import React from 'react';
import { Icon } from '@material-ui/core';

const MyComponent = () => {
  const icon = <Icon>favorite</Icon>;
  return <div>{icon}</div>;
};

export default MyComponent;

npm list @material-ui/core

npm install @material-ui/core@latest

import React from 'react';
import { Icon } from '@material-ui/core';

const MyComponent = () => {
  return (
    <div>
      <Icon>favorite</Icon>
    </div>
  );
};

export default MyComponent;