module build failed (from ./node_modules/postcss-loader/dist/cjs.js). React.js and TailwindCss

I created a react app and installed Tailwind Css but whenever I bring changes to the tailwind.config.js file it throws and error.

Compiled with problems:X

ERROR in ./src/index.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/index.css)

I uninstalled tailwind and reinstall it but it won't work. the tailwind config files gives error like this:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  theme: {
    extend: {
  },
  plugins: [],
};

the last semi-colon appears red I mean the one that belongs to theme object.