Por que aplicar o Recoil Root no App e não no index/main.tsx?
import React from 'react';
import ReactDOM from 'react-dom/client';
import { RecoilRoot } from 'recoil';
import App from './App.tsx';
import { Styles } from './styles/GlobalStyles/Index.tsx';
import { ThemeProviderApp } from './styles/ThemeProvider/Index.tsx';
ReactDOM.createRoot(document.getElementById('root')!).render(
<React.StrictMode>
<ThemeProviderApp>
<Styles />
<RecoilRoot>
<App />
</RecoilRoot>
</ThemeProviderApp>
</React.StrictMode>
);
