use o chatpgt pra te ajudar a depurar os erros:
https://chat.openai.com/
Peguei seu erro e joguei no chatgpt e ele respondeu isso:
A partir do React 18, a equipe do React está introduzindo uma nova API chamada `createRoot` que está substituindo `ReactDOM.render()`. Portanto, o aviso que você está recebendo indica que você precisa atualizar o código para usar a nova API.
Aqui está um exemplo de como você pode fazer essa atualização:
**Antes (com `ReactDOM.render()`):**
```javascript
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(<App />, document.getElementById('root'));
```
**Depois (com `ReactDOM.createRoot()`):**
```javascript
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.createRoot(
document.getElementById('root')
).render(<App />);
```
O novo método `createRoot` é não bloqueante, o que significa que o React não bloqueia o thread principal ao renderizar. Portanto, é recomendável mudar para a nova API para obter esses benefícios de desempenho.