Слайдер не работает в режиме реагирования с машинописным текстом ⇐ CSS

[Anonymous]

Я использую машинописную версию (@types/react-slick) библиотеки реакции-slick для реализации карусели/слайдера в проекте Nextjs. После импорта компонента Slider из пакета я получаю следующую ошибку:


Вот точное сообщение об ошибке, которое отображается при наведении курсора на «Ползунок»:
'Slider' cannot be used as a JSX component.
Its instance type 'Slider' is not a valid JSX element.
The types returned by 'render()' are incompatible between these types.
Type 'React.ReactNode' is not assignable to type 'import("c:/Users/bello/node_modules/@types/react/ts5.0/index").ReactNode'.
Type 'PromiseLikeOfReactNode' is not assignable to type 'ReactNode'.ts(2786)
(alias) class Slider
import Slider

Приведенный ниже код представляет собой компонент карусели, который я хочу создать, который будет слайдировать изображения и текст:
SlickCarousel.tsx
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
import Slider from "react-slick";
import { agentReviewListType } from "../_models/props";
import Image from "next/image";

export default function SlickCarousel({
items,
}: {
items: agentReviewListType;
}) {
const settings = {
dots: true,
infinite: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
};

return (


{items.map((item, index) => (


{item.message}

))}


);
}



Подробнее здесь: https://stackoverflow.com/questions/764 ... typescript