Materia-ui и typcript Нет перегрузки соответствует этому вызову

Question

Я конвертирую js компонент, который использует Material-ui, чтобы набрать текст, и я столкнулся с проблемой. Эта часть рендерила изображение в виде плитки, в котором компонент prop был переопределен плюс дополнительные to prop для создания правильной кликабельной ссылки.

Я получаю ошибку : TS2769: перегрузка не соответствует этому вызову.

Вот код, который я использую:

Оператор импорта:

import GridListTile from '@material-ui/core/GridListTile';
import { Link } from 'react-router-dom';

И в у меня есть функция рендеринга:

<GridListTile
  component={Link} <<-- here I get the error
  to={'/some-address'}
>
  // other components
</GridListTile>

Я могу отключить ошибку, передав as any, но затем она жалуется на to prop!

<GridListTile
  component={Link as any} <<-- won't complain
  to={'/some-address'} <<-- but now here I get the error
>
  // other components
</GridListTile>

Я хочу чтобы иметь возможность использовать компоненты Material-ui и иметь возможность передавать другой компонент и реквизит, который я хочу. Я столкнулся с некоторыми решениями, которые были взломаны, как правильно справиться с этой ситуацией?

Answer 1

Это была ошибка в material-ui, которая была исправлена ​​в этом коммите , и я проверил последнюю версию (v4.9.13), и все было в порядке.

Итак, обновление до последней версии исправит эту проблему.