me aparecen los siguientes errores alguien sabria solucionarlos? Warning: ReactDOM.render is no longer supported in React 18. Use createR...

La solucion de Lucas me funciono !! muchas gracias por tu aporte !!! Genio Total

hace pocos dias salio una nueva version de react (react18) y tiene problemas de compatibilidad entre otras cosas cambiaron la sintaxis de como realizar varios de los comandos para que funcione lo de esta clase el import de app.js deberia quedarte asi

import { Route, Routes } from "react-router-dom";
import Home from "./views/home";
import { useEffect } from "react";
//Importamos de esta manera para evitar problemas de compatibilidad con webpack>=5
import Web3 from "web3/dist/web3.min"; 

y el index.js si cambia un poco mas lo primero es que el import de ReactDOM cambia a import ReactDOM from 'react-dom/client'; y esto no se si es totalmente necesario pero en la documentacion recomiendan importar StrictMode y createRoot te dejo como quedaria el archivo

import React from 'react';
  import ReactDOM from 'react-dom/client';
import App from './App';
import {HashRouter} from 'react-router-dom';
import {ChakraProvider} from "@chakra-ui/react";
import {StrictMode} from 'react';
import {createRoot} from 'react-dom/client';
const rootElement = document.getElementById('root');
const root = createRoot(rootElement);
root.render(
  <StrictMode>
    <HashRouter>
    <ChakraProvider>
    <App />
    </ChakraProvider>
    </HashRouter>
  </StrictMode>
);