title: Error with running ReactJS/TailwindCSS/Heroku: React Refresh runtime should not be included in the production bundle
body: <p>Working on a webfolio in ReactJS using TailwindCSS. Deployed it to Heroku, builds successfully, but opening the App always gives the error:
  ERROR: React Refresh runtime should not be included in the production bundle.</p>
  <p>Really not sure what I could've done wrong other than not configure tailwindcss to be deployable. I don't have any devdependencies, they're all dependencies.</p>
  <p>package.json:</p>
  <pre><code>  &quot;name&quot;: &quot;webfolio&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@craco/craco&quot;: &quot;^6.0.0&quot;,
      &quot;@fortawesome/fontawesome-svg-core&quot;: &quot;^1.2.32&quot;,
      &quot;@fortawesome/free-brands-svg-icons&quot;: &quot;^5.15.1&quot;,
      &quot;@fortawesome/free-regular-svg-icons&quot;: &quot;^5.15.1&quot;,
      &quot;@fortawesome/free-solid-svg-icons&quot;: &quot;^5.15.1&quot;,
      &quot;@fortawesome/react-fontawesome&quot;: &quot;^0.1.14&quot;,
      &quot;@tailwindcss/forms&quot;: &quot;^0.2.1&quot;,
      &quot;@tailwindcss/postcss7-compat&quot;: &quot;^2.0.2&quot;,
      &quot;@testing-library/jest-dom&quot;: &quot;^5.11.8&quot;,
      &quot;@testing-library/react&quot;: &quot;^11.2.2&quot;,
      &quot;@testing-library/user-event&quot;: &quot;^12.6.0&quot;,
      &quot;autoprefixer&quot;: &quot;^9.8.6&quot;,
      &quot;postcss&quot;: &quot;^7.0.35&quot;,
      &quot;react&quot;: &quot;^17.0.1&quot;,
      &quot;react-dom&quot;: &quot;^17.0.1&quot;,
      &quot;react-scripts&quot;: &quot;4.0.1&quot;,
      &quot;react-spring&quot;: &quot;^8.0.27&quot;,
      &quot;tailwindcss&quot;: &quot;npm:@tailwindcss/postcss7-compat@^2.0.2&quot;,
      &quot;web-vitals&quot;: &quot;^0.2.4&quot;
    },
    &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;
    },
    &quot;eslintConfig&quot;: {
      &quot;extends&quot;: [
        &quot;react-app&quot;,
        &quot;react-app/jest&quot;
      ]
    },
    &quot;browserslist&quot;: {
      &quot;production&quot;: [
        &quot;&gt;0.2%&quot;,
        &quot;not dead&quot;,
        &quot;not op_mini all&quot;
      ],
      &quot;development&quot;: [
        &quot;last 1 chrome version&quot;,
        &quot;last 1 firefox version&quot;,
        &quot;last 1 safari version&quot;
      ]
    }
  }
  </code></pre>