title: TypeError: match.loader.options.plugins is not a function
body: <p>I am trying to use tailwindCSS in a ReactJS app</p>
  <p>These are the scripts commands in <code>package.json</code> file</p>
  <pre><code>  &quot;scripts&quot;: {
      &quot;start&quot;: &quot;craco start&quot;,
      &quot;build&quot;: &quot;craco build&quot;,
      &quot;test&quot;: &quot;craco test&quot;,
      &quot;eject&quot;: &quot;react-scripts eject&quot;
    }
  </code></pre>
  <p>This is my <code>craco.config.js</code></p>
  <pre><code>module.exports = {
      style: {
          postcss: {
              plugins: [
                  require('tailwindcss'),
                  require('autoprefixer'),
              ],
          },
      },
  }
  </code></pre>
  <p>When I am used <code>npm run start</code> command, I am facing this error</p>
  <pre><code>TypeError: match.loader.options.plugins is not a function
      at extendsPostcss (C:\Development\Open Source\Learning Hub\react\node_modules\@craco\craco\lib\features\webpack\style\postcss.js:54:51)
      at overrideLoader (C:\Development\Open Source\Learning Hub\react\node_modules\@craco\craco\lib\features\webpack\style\postcss.js:97:9)
      at C:\Development\Open Source\Learning Hub\react\node_modules\@craco\craco\lib\features\webpack\style\postcss.js:118:13
      at Array.forEach (&lt;anonymous&gt;)
      at overridePostcss (C:\Development\Open Source\Learning Hub\react\node_modules\@craco\craco\lib\features\webpack\style\postcss.js:117:17)
      at overrideStyle (C:\Development\Open Source\Learning Hub\react\node_modules\@craco\craco\lib\features\webpack\style\style.js:9:25)
      at mergeWebpackConfig (C:\Development\Open Source\Learning Hub\react\node_modules\@craco\craco\lib\features\webpack\merge-webpack-config.js:77:30)
      at overrideWebpackDev (C:\Development\Open Source\Learning Hub\react\node_modules\@craco\craco\lib\features\webpack\override.js:11:36)
      at C:\Development\Open Source\Learning Hub\react\node_modules\@craco\craco\scripts\start.js:27:5
  </code></pre>
  <p>Things that I have tried :</p>
  <ol>
  <li>Reinstall <code>node_modules</code></li>
  </ol>
  <blockquote>
  <p>Got this error, when I tried to do that</p>
  </blockquote>
  <pre><code>$ npm i @craco/craco
  npm ERR! code ERESOLVE
  npm ERR! ERESOLVE unable to resolve dependency tree
  npm ERR!
  npm ERR! While resolving: first-react-app@0.1.0
  npm ERR! Found: react-scripts@5.0.0
  npm ERR! node_modules/react-scripts
  npm ERR!   react-scripts@&quot;5.0.0&quot; from the root project
  npm ERR!
  npm ERR! Could not resolve dependency:
  npm ERR! peer react-scripts@&quot;^4.0.0&quot; from @craco/craco@6.4.3
  npm ERR! node_modules/@craco/craco
  npm ERR!   @craco/craco@&quot;*&quot; from the root project
  npm ERR!
  npm ERR! Fix the upstream dependency conflict, or retry
  npm ERR! this command with --force, or --legacy-peer-deps
  npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
  </code></pre>