Базовый пример реактивной пружины

Я пытаюсь реализовать базовый пример анимации реагирующей пружины, но Typescript, а также консоль после компиляции выдает много ошибок.

Я взял на задний план этот пример:

import { Spring } from 'react-spring'

<Spring from={{ opacity: 0 }} to={{ opacity: 1 }}>

{props => <div style={props}>hello</div>}

</Spring>

Машинопись бросает:

Тип элемента JSX 'Spring' не имеет никакой конструкции или сигнатуры вызовов.

Параметр 'props' неявно имеет тип 'any'.

Свойство 'toggle' не существует для типа 'Readonly<{}>'.

Введите '{ children: ({ x }: { x: number; }) => Элемент; родной: правда; от: {х: номер; }; к: {х: номер; }; config: { duration: номер; }; }'нельзя назначить для типа' IntrinsicAttributes & In trinsicClassAttributes> & Readonly<{children?: ReactNode; }> & Readonly> '. Свойство "native" не существует для типа "IntrinsicAttributes & IntrinsicClassAttributes> & Readonly<{children?: ReactNode; }> & Readonly> '.

Свойство "интерполировать" не существует для типа "число".

Свойство "интерполировать" не существует для типа "число".

Параметр 'x' неявно имеет тип 'any'.

и будущее больше из консоли:

react-dom.development.js: 55 Uncaught Ошибка: недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено: undefined. Вы, вероятно, забыли экспортировать свой компонент из файла, в котором он определен, или вы могли смешать импорт по умолчанию и с именами.

Вышеуказанная ошибка произошла в компоненте: в div в Unknown. Подумайте о добавлении границы ошибок в ваше дерево, чтобы настроить поведение при обработке ошибок.

React.createElement: тип недействителен - ожидал строку (для встроенных компонентов) или класс / функцию (для составных компонентов), но получил: undefined. Вы, вероятно, забыли экспортировать свой компонент из файла, в котором он определен, или вы могли смешать импорт по умолчанию и с именами. в неизвестном

Как преодолеть эти проблемы? Стоит ли ждать официального пакета с поддержкой машинописи или мне следует добавить только глобальные типизации для этой библиотеки?

0 ответов

Другие вопросы по тегам