مشکل با کتابخانه های tailwind

سلام.
لطفا جهت بررسی دقیق تر، کد اون قسمت که مشکل دارد را ارسال نمایید.
همچنین config انجام شده را نیز ارسال کنید.

مثل تنظیمات گفته شده در این لینک عمل می کنم البته برنامه ریکت قبلا ساختم و از اون قسمت که npm داره نصب می کنه مثل همین سایت میرم جلو
https://flowbite.com/docs/getting-started/react/
این هم تمام کدهای داخل فایل کانفیگ تیلویند

module.exports = {
  content: [
    "node_modules/flowbite-react/**/*.{js,jsx,ts,tsx}",
      "./src/**/*.{js,jsx,ts,tsx}", 

  ],
  theme: {

    extend: {
      backgroundImage: {
        'backgroundImageLogin': "url('/src/assets/images/sa_pixar.jpeg')",

      }
    },
  },
  plugins: [
    require('flowbite/plugin')
]

}

این هم کد کرسل هست : البته این flowbite-react هست خطا نداره اتفاقا هر چند ثانیه دکمه فعال عئض میشه اما تصویر تغییر نمی کنه

کدimport React from "react";
import { Carousel } from "flowbite-react";
import Images from "../../assets/Index";
function Carouselflowbite() {
  return (
    <div >
      <div className="h-56 sm:h-64 xl:h-80 2xl:h-96">
        <Carousel slideInterval={5000}>
          <img src={Images.hardSlide2} alt="..." />
          <img src={Images.laptopSlide1} alt="..." />
          <img src={Images.handsfreeSlide3} alt="..." />
          <img src={Images.hardSlide2} alt="..." />
        </Carousel>
      </div>
    </div>
  );
}

export default Carouselflowbite;

در حالت tailwind css flowbite اصلا تغییر در هیچی وجود نداره.