Merge pull request #3 from Exelord/lazy-use-service

Return a getter instead of a service from useService

src/service.ts

@@ -1,7 +1,7 @@
 import { useRegistry } from "./context";
 import type { ServiceInitializer } from "./registry";
 
-export function useService<T>(initializer: ServiceInitializer<T>): T {
+export function useService<T>(initializer: ServiceInitializer<T>): () => T {
   const registry = useRegistry();
-  return registry.get(initializer) || registry.register(initializer);
+  return () => registry.get(initializer) || registry.register(initializer);
 }

tests/src/service.test.ts

@@ -13,12 +13,12 @@ describe("useService", () => {
     const MyComponent = () => {
       const myService = useService(MyService);
 
-      expect(myService).toMatchObject({ service: "my" });
+      expect(myService()).toMatchObject({ service: "my" });
       expect(spy).toBeCalledTimes(1);
 
       const myServiceAgain = useService(MyService);
 
-      expect(myServiceAgain).toBe(myService);
+      expect(myServiceAgain()).toBe(myService());
       expect(spy).toBeCalledTimes(1);
 
       return undefined;