The latest articles on Forem by Marc-Andre (@marcandreh). https://forem.com/marcandreh https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F842289%2Ffe26973c-e2af-452a-93df-a466f228c919.png https://forem.com/marcandreh en Marc-Andre Thu, 07 Apr 2022 09:03:36 +0000 https://forem.com/marcandreh/easy-fix-for-webpack-error-in-plugin-react-was-conflicted--3nm8 https://forem.com/marcandreh/easy-fix-for-webpack-error-in-plugin-react-was-conflicted--3nm8 <p>Regardless whether you just upgraded to <em>React 18</em> or some of your <em>Node dependencies</em> in <code>package.json</code>, version conflicts are very annoying!</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--SsuuE4cM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dqfgti1jnoyran1hp4k1.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--SsuuE4cM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dqfgti1jnoyran1hp4k1.png" alt="Image description" width="880" height="677"></a></p> <p>But there's an easy fix:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>#webpack-dev-server-client-overlay { display: none; } </code></pre> </div> <p>Just insert these three lines of code in any top level CSS file (such as your <code>index.css</code>) and the error – at least its overlay – will be gone!</p> <p><strong>IRONY OFF</strong><br> What was your latest temp fix that you accidentally pushed into a Git repo?</p> react webpack npm