Description
Main.tsx creates its own QueryClient and wraps the app in a QueryClientProvider, but frontend-base's shell (site.tsx) already provides one at the top level. This results in a nested QueryClientProvider that shadows the shell's, meaning the instructor dashboard's query cache is isolated from the rest of the site.
This also means that once React Query devtools are moved to the shell (openedx/frontend-base#206), they will reflect the shell's client rather than the instructor dashboard's, making them ineffective for debugging instructor dashboard queries.
The fix is to remove the QueryClient instantiation and QueryClientProvider wrapper from Main.tsx and rely on the one provided by the shell.
Description
Main.tsxcreates its ownQueryClientand wraps the app in aQueryClientProvider, butfrontend-base's shell (site.tsx) already provides one at the top level. This results in a nestedQueryClientProviderthat shadows the shell's, meaning the instructor dashboard's query cache is isolated from the rest of the site.This also means that once React Query devtools are moved to the shell (openedx/frontend-base#206), they will reflect the shell's client rather than the instructor dashboard's, making them ineffective for debugging instructor dashboard queries.
The fix is to remove the
QueryClientinstantiation andQueryClientProviderwrapper fromMain.tsxand rely on the one provided by the shell.