Postcss: Error: true is not a PostCSS plugin

[AdeSupriyadi]

postcss.config.js

module.exports = {
    plugins: [
        require('tailwindcss'),
        require('autoprefixer')
    ],
};

package.json

"scripts": {
    "start": "npm run build:css && react-scripts start",
    "build": "npm run build:css && react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "build:css": "postcss src/styles/tailwind.css -o src/styles/main.css"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "autoprefixer": "^10.0.0",
    "postcss-cli": "^8.0.0",
    "tailwindcss": "^1.8.10"
  }

when yarn build:css its trow error:

Error: true is not a PostCSS plugin

Environment:
OS: ubuntu 20.04
IDE: viscode
Browser: chrome latest
tutorual-url: https://www.youtube.com/watch?v=hRFbqdJKRvQ

Any help

[Semigradsky]

@AdeSupriyadi tailwindcss hasn't postcss@8 support https://github.com/tailwindlabs/tailwindcss/issues/2396.

[ai]

It happens if you use PostCSS 7 with PostCSS 8 plugins.

Ask your environment to update PostCSS or downgrade plugins.

[jesperp]

This will still happen for people who setup with just postcss-cli (similar to issue author's devDependencies)

# Not working
npm install postcss-cli tailwindcss autoprefixer

Here's how to solve it:

# Working
npm install tailwindcss postcss postcss-cli autoprefixer