У меня возникла проблема с компонентом карусели материала-попутного ветра

Я пытаюсь добавить компонент 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

У меня возникла проблема с компонентом карусели материала-попутного ветра

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
1
0
333
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Какая у вас @types/react версия? Я понизил версию до "@types/react": "18.2.42", и это сработало. "@types/react": "18.2.42" — последняя рабочая версия. Кажется, проблема возникла, когда это было объединено DefinitelyTyped/DefiniteTyped#67170

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