Context API
Como usar a Context API com Electron Router DOM
A Context API com Electron Router DOM é bastante simples de usar, mas existem alguns pontos de atenção dos quais você precisa estar ciente!
O Provider deve ser usado na propriedade element, então você não pode usá-lo no mesmo nível de um Route, pois o React Router DOM requer um Route, caso contrário você receberá o seguinte erro:
🚫 Error: [AppProvider] is not a <Route> component.
All component children of <Routes> must be a <Route> or <React.Fragment>
Exemplo de uso correto
<Route
path="/"
element={
<SomeProvider>
<SomePage />
</SomeProvider>
}
/>ou você pode simplesmente passar o Router como filho do seu Provider:
<SomeProvider>
<Router
main={
<Route
path="/"
element={<SomePage />}
/>
}
/>
</SomeProvider>