Correção e ajustes após a atualização de Bibliotecas

Alguns erros são mostrados no próprio terminal ao inciar o servidor e outros foram evidenciados pelo console do navegador, e alguns deles informam o link para Consultar a documentação facilitando o processo de correção, já outros foi um pouco mais trabalhosos, eu tive que debugar e entender que o problema estava em um componente da lib do react-bootstrap.

Seguintes correções foram feitas:

스위치는 react-router-dom 6 버전에서 사용할 수 있습니다.

https://reactrouter.com/docs/en/v6/upgrading/v5#upgrade-all-switch-elements-to-routes

`// Antes
import { **Switch**, Route } from "react-router-dom";
<Route path="/" component={Home} />

// Depois 
import { **Routes**, Route } from "react-router-dom";
<Route path='/welcome' element={<Home/>} />

ReactDOM.render는 React 18 버전에서 사용할 수 없습니다.

// Antes

import { render } from 'react-dom';

const container = document.getElementById('app');

render(<App *tab*="home" />, container);

// Depois

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

const container = document.getElementById('app');

const root = createRoot(container); // createRoot(container!) if you use TypeScript

root.render(<App *tab*="home" />);

v1에서 v2로 react-bootstrap을 수행합니다.

https://react-bootstrap.github.io/migrating/#popover

팝오버

renomear 'Content' prop para 'Body'

renomear 'Title' prop para 'Header'

`// Antes

`
<Popover>
    <Popover.**Title**></Popover.**Title**>
    <Popover.**Content**>
    </Popover.**Content**>
</Popover>
`

// Depois
`
<Popover>
    <Popover.**Header**></Popover.**Header**>
    <Popover.**Body**>
    </Popover.**Body**>
</Popover>
`