Function App

example/src/App.jsx:24–46

()

});

function App() {
  const apiUrl = process.env.REACT_APP_STAC_API;
  const isDevelopment = process.env.NODE_ENV === 'development';

  // Debug: Verify QueryClient configuration
  if (isDevelopment && typeof window !== 'undefined') {
    // eslint-disable-next-line no-console
    console.log('[App] QueryClient defaults:', queryClient.getDefaultOptions());
  }

  return (
    <QueryClientProvider client={queryClient}>
      <StacApiProvider apiUrl={apiUrl} enableDevTools={isDevelopment} queryClient={queryClient}>
        <div className="App grid grid-rows-[min-content_1fr]">
          <Header />
          <main className="flex items-stretch">
            <Main />
          </main>
        </div>
      </StacApiProvider>
    </QueryClientProvider>
  );
}

export default App;