Hi I’ve got this kind of error on Next.js version 14 (App router) with Flowbite UI library

TypeError: img is not a function

I’ve check around on Stackoverflow and Github issues, but no luck.

I need to properly using Flowbite on Next.js 14 App router.

For additional information here is my tailwind config

import type { Config } from "tailwindcss";
import plugin from "tailwindcss/plugin";

const config: Config = {
  content: [
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./containers/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./node_modules/flowbite-react/**/*.js",
    flowbite.content(),
  ],
  theme: {
    extend: {},
  },
  plugins: [
    flowbite.plugin(),
    plugin(function ({ addBase, addComponents, addUtilities }) {
      addBase({});
      addComponents({});
      addUtilities({
        ".common-transition": {
          transition: "0.3s ease-in-out all",
        },
        ".divider-x": {
          "border-right": "1px solid #DEE3ED",
        },
      });
    }),
  ],
};
export default config;