Michał Turczyn's questions

Estou tentando testar novos recursos do React 19.

Para fazer isso, criei um aplicativo React com Vite e TypeScript:

npm create vite@latest

Em seguida, atualizei para as bibliotecas React 19 ( de acordo com este artigo ):

npm install --save-exact react@rc react-dom@rc

Depois disso, posso ver a versão atualizada do React em package.json:

"dependencies": {
    "react": "19.0.0-rc-d8c90fa4-20241001",
    "react-dom": "19.0.0-rc-d8c90fa4-20241001"
}

Agora quero testar novos recursos do React 19, um dos quais é o novo hook use, mas quando tento:

import { use } from 'react'

Recebo um erro de que não foi exportado de react:

O módulo "react" não possui nenhum membro exportado 'use'

Obviamente, agora completei corretamente a "migração" para React 19 - o que eu perdi? Como fazer funcionar?

Também suspeito que esse recurso possa ser específico dos React Server Components.

Estou usando o React Router para meu site e encontrei o seguinte problema. Eu defini meu componente principal do aplicativo da seguinte maneira:

import './App.css'
import { Navbar } from './Navbar'
import { Outlet } from 'react-router'

function App() {
    return (
        <div>
            <Navbar />
            <Outlet />
        </div>
    )
}

export default App

e então usei este componente para rota base:

<BrowserRouter>
    <Routes>
        <Route path="/" element={<App />} >
            <Route path='home' element={<Home />} index />
            <Route path='about' element={<About />} />
        </Route>
        <Route path="*" element={<Navigate to="/Home" replace />} />
    </Routes>
</BrowserRouter>

Tudo funciona bem, posso navegar nas páginas home e about, mas quando navego para /, aparece uma página em branco com Navbar, o que é compreensível, mas não sei como poderia exibir minha página inicial padrão. Posso de alguma forma instruir o React para redirecionar para home? Não consigo definir Homeo componente para / rota, pois isso quebraria totalmente o aplicativo (já que o Appcomponente possui o Outletcomponente).

Versões das bibliotecas:

"react-dom": "^18.2.0",  
"react-router": "^6.21.1",  
"react-router-dom": "^6.21.1",