Comment mettre à jour votre version de React

Comment mettre à jour votre version de React #

Pour mettre à jour votre version de React, installez les dernières versions des éléments suivants react et
react-dom en exécutant npm install react@latest react-dom@latest. Si
vous utilisez create-react-appmettez également à jour la version de react-scripts.

Ouvrez votre terminal dans le répertoire racine de votre projet (où se trouve votre fichier package.json
est situé) et exécutez la commande suivante :

npm install react@latest react-dom@latest


npm install --save-dev @types/react@latest @types/react-dom@latest




yarn add react@latest react-dom@latest


yarn add @types/react@latest @types/react-dom@latest --dev

La commande mettra à jour les versions des paquets liés à react.

Si vous utilisez create-react-app, mettez également à jour la version de l react-scripts
paquet.

npm install react-scripts




yarn add react-scripts

Si vous obtenez une erreur, exécutez la commande avec l’option --force ou supprimez votre
node_modules et package-lock.json (pas package.json) et ré-exécutez
npm install.

rm -rf node_modules
rm -f package-lock.json


npm cache clean --force

npm install

Assurez-vous que votre index.js utilise le nouveau createRoot API.

import {StrictMode} from 'react';
import {createRoot} from 'react-dom/client';

import App from './App';



const rootElement = document.getElementById('root');
const root = createRoot(rootElement);

root.render(
  <StrictMode>
    <App />
  </StrictMode>,
);

Le site createRoot() prend l’élément racine comme paramètre et crée un élément
racine React.

Vous pouvez également mettre à jour les versions de tous les paquets liés à React, par ex.
react-testing-library en exécutant la commande
npm install some-package@latest --force.