diff --git a/ui/src/main.tsx b/ui/src/main.tsx
index 6953155..ec57063 100644
--- a/ui/src/main.tsx
+++ b/ui/src/main.tsx
@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom/client';
 import { LogtoProvider, useLogto } from '@logto/react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { BrowserRouter } from 'react-router';
-import { ThemeProvider, ToastProvider, BreadcrumbProvider, Spinner } from '@cameleer/design-system';
+import { ThemeProvider, ToastProvider, BreadcrumbProvider, GlobalFilterProvider, Spinner } from '@cameleer/design-system';
 import '@cameleer/design-system/style.css';
 import { AppRouter } from './router';
 import { fetchConfig } from './config';
@@ -84,7 +84,9 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
     <ThemeProvider>
       <ToastProvider>
         <BreadcrumbProvider>
-          <App />
+          <GlobalFilterProvider>
+            <App />
+          </GlobalFilterProvider>
         </BreadcrumbProvider>
       </ToastProvider>
     </ThemeProvider>