diff --git a/packages/example/src/main.tsx b/packages/example/src/main.tsx
index 0f73461..a730288 100644
--- a/packages/example/src/main.tsx
+++ b/packages/example/src/main.tsx
@@ -5,7 +5,7 @@ import { Layer } from "effect"
 import { StrictMode } from "react"
 import { createRoot } from "react-dom/client"
 import { ReffuseRuntime } from "reffuse"
-import { AppQueryClient, AppQueryErrorHandlerLive } from "./query"
+import { AppQueryClient, AppQueryErrorHandler } from "./query"
 import { GlobalContext } from "./reffuse"
 import { routeTree } from "./routeTree.gen"
 
@@ -16,7 +16,7 @@ const layer = Layer.empty.pipe(
     Layer.provideMerge(Permissions.layer),
     Layer.provideMerge(FetchHttpClient.layer),
     Layer.provideMerge(AppQueryClient.Live),
-    Layer.provideMerge(AppQueryErrorHandlerLive),
+    Layer.provideMerge(AppQueryErrorHandler.Live),
 )
 
 const router = createRouter({ routeTree })
diff --git a/packages/example/src/query.ts b/packages/example/src/query.ts
index db47f2b..092c355 100644
--- a/packages/example/src/query.ts
+++ b/packages/example/src/query.ts
@@ -2,10 +2,8 @@ import { HttpClientError } from "@effect/platform"
 import { ErrorHandler, QueryClient } from "@reffuse/extension-query"
 
 
-export class AppQueryErrorHandler extends ErrorHandler.Tag("AppQueryErrorHandler")<AppQueryErrorHandler,
+export class AppQueryErrorHandler extends ErrorHandler.Service("AppQueryErrorHandler")<AppQueryErrorHandler,
     HttpClientError.HttpClientError
 >() {}
-export const AppQueryErrorHandlerLive = ErrorHandler.layer(AppQueryErrorHandler)
-
 
 export class AppQueryClient extends QueryClient.Service({ ErrorHandler: AppQueryErrorHandler })<AppQueryClient>() {}