Sign Upsign InSign upSign InMember-only storyJennifer FuFollowBetter Programming--ShareAll software has bugs; it is normal.React application errors could be JavaScript/TypeScript mistakes, lazy loading failing, or any kind of errors.If encountering an error, a React application could be removed from the browser screen. We set up the Create React App to show how it happens.The following command creates a React project:Modify src/App.tsx to inject an error:Execute yarn start, and we see runtime errors on the browser. The following error screen is only visible in development mode during hot reload. It is react-error-overlay used by the Create React app.Errors not caught by error boundaries could unmount the React component tree. Closing the overlay with the X button at the top-right corner, we will see a blank screen.react-error-overlay can be turned off by the Webpack configuration in webpack.config.js:----Better ProgrammingUI tech lead who enjoys cutting-edge technologies https://www.linkedin.com/in/jennifer-fu-53357b/Jennifer FuinBetter Programming--Sergei SavvovinBetter Programming--12Dmitry KruglovinBetter Programming--32Jennifer FuinBetter Programming--3Danielle DiasinLevel Up Coding--1Adhithi Ravichandran--11Daryl Duckmanton--Nitin SharmainLevel Up Coding--2Simon DilloninFanfare--104Prashant--HelpStatusWritersBlogCareersPrivacyTermsAboutText to speechTeams