The error ‘Switch’ is not exported from ‘react-router-dom’ occurs when we try to import the Switch component react-router-dom but it is not found. Here is how we can fix it: In react-router-dom version 6, Switch has been replaced by Routes. Therefore, we need to update the import statement…
In this article, we will create a typing game in React. This typing game will usually be like other typing games where we can get accuracy and words per minute as a result. Here we will have a timer, then…
React Props are an important mechanism in our application, since they are read-only and immutable, the React props validation becomes a big issue because props are used to transfer data from one component to another component. If the component gets…
In this article, we will talk about style prop value must be an object. This is the error in react when we try to use the style in the JSX element. Simply, when we try to pass style like in…
In earlier parts, we have learned about state and props. Now we will see the differences between React State vs Props one by one, both are actually important topics to learn, so it is also important to understand the differences…
Hello, everyone! Today, we’ll discuss a common error faced by React developers called “Can’t Perform a React State Update on an Unmounted Component.” This error occurs when you attempt to update the state of a component that has already been…
In this article, we will make a very famous game Tic Tac Toe using react. Since tic tac toe is a very famous and cool game it gives some nostalgia for our childhood memories. Also, this game is so popular…
In this part, we will learn about react useImperativeHandle hook. In react, Data can be passed from parent to child component using props, which is known as unidirectional data passing. In the case of props, the parent component cannot access…
In this article, we are going to make a QR-code generator in React. A QR-Code is a barcode which is readable by a machine. Nowadays, we all use QR-Codes for Wi-Fi, online transactions, at malls, etc. it is simply used…
In this article, we will make a simple accordion in react. Accordion is useful when we need to create some application users interactively. Basically, we will create a bunch of questions and if we click on the question, then the…