Adjacent JSX elements must be wrapped in an enclosing tag

The "Adjacent JSX elements must be wrapped in an enclosing tag" error can be solved by wrapping the multiple elements in a parent div or in a react fragment

Build password strength checker in React

Learn how to build password strength checker/indicator/meter in React to check uppercase, lowercase letters, numbers, special characters, and password length.

Call multiple functions onClick in React

To call multiple functions onClick in React, pass an event handler function into the onClick prop of the element that can call as many other functions as necessary.

Can't Perform a React State Update on an Unmounted Component

Check why the warning “Can't perform a react state update on an unmounted component” occurred and how to solve it using a flag in useEffect hook.

Create 404 page in react

To create a 404 page in React using React Router, Create a wildcard path with an asterisk(‘*’) and add it to the very last path of our routes.

Create a Back button with React Router

To create a back button with React Router use useNavigate() hook. Call navigate function eg. navigate(-1); inside the onClick function of the back button.

Delete an element from an array in PHP

To delete an element from an array in PHP, use built-in functions unset(), array_splice(), or array_diff(). Learn how to remove items using these functions.

Each child in a list should have a unique "key" prop

To solve Warning: Each child in a list should have a unique ”key" prop in React, set the id property as a unique key, or set auto-assigning unique keys.

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got

To solve: "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components)" make sure named and default imports are correct.

ERESOLVE unable to resolve dependency tree error when installing npm packages

To solve ERESOLVE unable to resolve dependency tree error when installing npm packages, ignore the peerDependencies by --legacy-peer-deps flag, downgrade the npm version.

Get raw SQL query from Laravel Query Builder

To get raw SQL query from Laravel Query Builder, call toSql() method on the query builder. Use enableQueryLog and getQueryLog methods to get the logged queries.

Get the current route using React Router

To get the current route with React Router, use the useLocation() hook. Use withRouter higher-order component in class component for current URL pathname