Chakra UI V3 styles not being applied in wasp app
I've migrated to chakra ui v3, but I am not getting any styles correctly appearing as they are in the chakra demo. I've applied all the migration instructions, and wrapped my app in a provider (in app.tsx)
This is my provider file, which I call in app.tsx as follows:
``` <Provider>
<div className='min-h-screen dark:text-white dark:bg-boxdark-2'>
{isAdminDashboard ? (
<>
<Outlet />
</>
) : (
<>
{shouldDisplayAppNavBar && <AppNavBar />}
<div className='mx-auto sm:px-6 lg:px-8'>
<Outlet />
</div>
</>
)}
</div>
</Provider>
This is my provider file, which I call in app.tsx as follows:
``` <Provider>
<div className='min-h-screen dark:text-white dark:bg-boxdark-2'>
{isAdminDashboard ? (
<>
<Outlet />
</>
) : (
<>
{shouldDisplayAppNavBar && <AppNavBar />}
<div className='mx-auto sm:px-6 lg:px-8'>
<Outlet />
</div>
</>
)}
</div>
</Provider>
