Я пытаюсь добавить компонент Material-tailwind/react **Carousel** в свой Applayout.tsx, но столкнулся с проблемой.
«Тип '{ Children: Element[]; className: string; заполнитель: неопределенный; }' отсутствуют следующие свойства из типа 'Pick<CarouselProps, "дети" | "цвет" | "переход" | "перевести" | "слот " | "стиль" | "заголовок" | "onChange" | "цикл" | "onClick" | "className" | "key" | "defaultChecked" | ... еще 252 ... | "slideRef">': onPointerEnterCapture , onPointerLeaveCapture "
import React from "react";
import { Outlet } from "react-router-dom";
import { Header } from "../pages/Header";
import {
Carousel
} from "@material-tailwind/react";
const AppLayout = () => {
return (
<div>
<Header />
<Outlet />
<Carousel className = "rounded-xl"> //issue here
<img
src = "https://images.unsplash.com/photo-1497436072909-60f360e1d4b1?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2560&q=80"
alt = "image 1"
className = "h-full w-full object-cover"
/>
<img
src = "https://images.unsplash.com/photo-1493246507139-91e8fad9978e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2940&q=80"
alt = "image 2"
className = "h-full w-full object-cover"
/>
<img
src = "https://images.unsplash.com/photo-1518623489648-a173ef7824f3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2762&q=80"
alt = "image 3"
className = "h-full w-full object-cover"
/>
</Carousel>
</div>
);
};
export { AppLayout };
Я также настраиваю @material-tailwind/react, вот вы, ребята, можете видеть.
const withMT = require("@material-tailwind/react/utils/withMT");
module.exports = withMT({
content: [
"./src/**/*.{js,jsx,ts,tsx}",
"./**/@material-tailwind/**/*.{html,js,ts,jsx,tsx,mdx}"
],
theme: {
extend: {},
},
plugins: [],
});
Проблема с Carousel и другими в @material-tailwind/react
Какая у вас @types/react
версия?
Я понизил версию до "@types/react": "18.2.42"
, и это сработало.
"@types/react": "18.2.42"
— последняя рабочая версия. Кажется, проблема возникла, когда это было объединено DefinitelyTyped/DefiniteTyped#67170