React + Typescript-icon в виде опоры

Question

, когда я пытаюсь передать styleled-icon как prop компоненту, я получаю ошибку:

Unhandled Rejection (SyntaxError): неожиданный идентификатор.

import { PersonOutline } from 'styled-icons/material/PersonOutline'

вот реквизиты для моегоКомпонент TextField

import { StyledIcon } from 'styled-icons/types';


interface IProps {
  type: string;
  placeholder: string;
  icon: StyledIcon;
}

const TextField = (props: IProps) => {...

и мой TextField выглядел следующим образом:

<TextField icon={<PersonOutline size="20" color={colors.gray500}/>} type={'text'} placeholder={'Name'} />

Answer 1

Это потому, что

Если вы используете Next.js, вы, вероятно, также захотите установить значки в стиле следующих плагинов, чтобы воспользоваться преимуществами встряхивания дерева.