@furystack/shades 6.1.4 → 7.0.0

package/dist/shades.integration.spec.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const inject_1 = require("@furystack/inject");
+const utils_1 = require("@furystack/utils");
 const util_1 = require("util");
 global.TextEncoder = util_1.TextEncoder;
 global.TextDecoder = util_1.TextDecoder;
@@ -32,210 +33,219 @@ describe('Shades integration tests', () => {
         });
         expect(document.body.innerHTML).toBe('<div id="root"><shades-string-render-result>Hello</shades-string-render-result></div>');
     });
-    it('Should mount a custom component with null render result', () => {
-        const injector = new inject_1.Injector();
-        const rootElement = document.getElementById('root');
-        const ExampleComponent = (0, shade_1.Shade)({ render: () => null, shadowDomName: 'shades-null-render-result' });
-        (0, initialize_1.initializeShadeRoot)({
-            injector,
-            rootElement,
-            jsxElement: (0, shade_component_1.createComponent)(ExampleComponent, null),
+    it('Should mount a custom component with null render result', async () => {
+        await (0, utils_1.usingAsync)(new inject_1.Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const ExampleComponent = (0, shade_1.Shade)({ render: () => null, shadowDomName: 'shades-null-render-result' });
+            (0, initialize_1.initializeShadeRoot)({
+                injector,
+                rootElement,
+                jsxElement: (0, shade_component_1.createComponent)(ExampleComponent, null),
+            });
+            expect(document.body.innerHTML).toBe('<div id="root"><shades-null-render-result></shades-null-render-result></div>');
         });
-        expect(document.body.innerHTML).toBe('<div id="root"><shades-null-render-result></shades-null-render-result></div>');
     });
-    it('Should mount a custom component with a document fragment render result', () => {
-        const injector = new inject_1.Injector();
-        const rootElement = document.getElementById('root');
-        const ExampleComponent = (0, shade_1.Shade)({
-            render: () => ((0, shade_component_1.createComponent)(shade_component_1.createFragment, null,
-                (0, shade_component_1.createComponent)("p", null, "1"),
-                (0, shade_component_1.createComponent)("p", null, "2"))),
-            shadowDomName: 'shades-fragment-render-result',
-        });
-        (0, initialize_1.initializeShadeRoot)({
-            injector,
-            rootElement,
-            jsxElement: (0, shade_component_1.createComponent)(ExampleComponent, null),
-        });
-        expect(document.body.innerHTML).toBe('<div id="root"><shades-fragment-render-result><p>1</p><p>2</p></shades-fragment-render-result></div>');
-    });
-    it('Should mount a custom component with a nested document fragment render result', () => {
-        const injector = new inject_1.Injector();
-        const rootElement = document.getElementById('root');
-        const ExampleComponent = (0, shade_1.Shade)({
-            render: () => ((0, shade_component_1.createComponent)("p", null,
-                (0, shade_component_1.createComponent)(shade_component_1.createFragment, null,
+    it('Should mount a custom component with a document fragment render result', async () => {
+        await (0, utils_1.usingAsync)(new inject_1.Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const ExampleComponent = (0, shade_1.Shade)({
+                render: () => ((0, shade_component_1.createComponent)(shade_component_1.createComponent, null,
                     (0, shade_component_1.createComponent)("p", null, "1"),
-                    (0, shade_component_1.createComponent)("p", null, "2")))),
-            shadowDomName: 'shades-fragment-render-result-nested',
+                    (0, shade_component_1.createComponent)("p", null, "2"))),
+                shadowDomName: 'shades-fragment-render-result',
+            });
+            (0, initialize_1.initializeShadeRoot)({
+                injector,
+                rootElement,
+                jsxElement: (0, shade_component_1.createComponent)(ExampleComponent, null),
+            });
+            expect(document.body.innerHTML).toBe('<div id="root"><shades-fragment-render-result><p>1</p><p>2</p></shades-fragment-render-result></div>');
         });
-        (0, initialize_1.initializeShadeRoot)({
-            injector,
-            rootElement,
-            jsxElement: (0, shade_component_1.createComponent)(ExampleComponent, null),
-        });
-        expect(document.body.innerHTML).toBe('<div id="root"><shades-fragment-render-result-nested><p><p>1</p><p>2</p></p></shades-fragment-render-result-nested></div>');
     });
-    it('Should mount a custom component with a document fragment that contains custom components', () => {
-        const injector = new inject_1.Injector();
-        const rootElement = document.getElementById('root');
-        const CustomComponent = (0, shade_1.Shade)({
-            shadowDomName: 'shades-fragment-test-custom-component',
-            render: () => (0, shade_component_1.createComponent)("p", null, "Hello"),
-        });
-        const ExampleComponent = (0, shade_1.Shade)({
-            render: () => ((0, shade_component_1.createComponent)(shade_component_1.createFragment, null,
-                (0, shade_component_1.createComponent)(CustomComponent, null),
-                (0, shade_component_1.createComponent)(CustomComponent, null))),
-            shadowDomName: 'shades-fragment-render-result-2',
+    it('Should mount a custom component with a nested document fragment render result', async () => {
+        await (0, utils_1.usingAsync)(new inject_1.Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const ExampleComponent = (0, shade_1.Shade)({
+                render: () => ((0, shade_component_1.createComponent)("p", null,
+                    (0, shade_component_1.createComponent)(shade_component_1.createComponent, null,
+                        (0, shade_component_1.createComponent)("p", null, "1"),
+                        (0, shade_component_1.createComponent)("p", null, "2")))),
+                shadowDomName: 'shades-fragment-render-result-nested',
+            });
+            (0, initialize_1.initializeShadeRoot)({
+                injector,
+                rootElement,
+                jsxElement: (0, shade_component_1.createComponent)(ExampleComponent, null),
+            });
+            expect(document.body.innerHTML).toBe('<div id="root"><shades-fragment-render-result-nested><p><p>1</p><p>2</p></p></shades-fragment-render-result-nested></div>');
         });
-        (0, initialize_1.initializeShadeRoot)({
-            injector,
-            rootElement,
-            jsxElement: (0, shade_component_1.createComponent)(ExampleComponent, null),
-        });
-        expect(document.body.innerHTML).toBe('<div id="root"><shades-fragment-render-result-2><shades-fragment-test-custom-component><p>Hello</p></shades-fragment-test-custom-component><shades-fragment-test-custom-component><p>Hello</p></shades-fragment-test-custom-component></shades-fragment-render-result-2></div>');
     });
-    it('Should mount nested Shades components', () => {
-        const injector = new inject_1.Injector();
-        const rootElement = document.getElementById('root');
-        const ExampleComponent = (0, shade_1.Shade)({
-            render: ({ children }) => (0, shade_component_1.createComponent)("div", null, children),
-            shadowDomName: 'shades-example-2',
-        });
-        const ExampleSubs = (0, shade_1.Shade)({
-            render: ({ props }) => (0, shade_component_1.createComponent)("div", null, props.no),
-            shadowDomName: 'shades-example-sub',
+    it('Should mount a custom component with a document fragment that contains custom components', async () => {
+        await (0, utils_1.usingAsync)(new inject_1.Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const CustomComponent = (0, shade_1.Shade)({
+                shadowDomName: 'shades-fragment-test-custom-component',
+                render: () => (0, shade_component_1.createComponent)("p", null, "Hello"),
+            });
+            const ExampleComponent = (0, shade_1.Shade)({
+                render: () => ((0, shade_component_1.createComponent)(shade_component_1.createComponent, null,
+                    (0, shade_component_1.createComponent)(CustomComponent, null),
+                    (0, shade_component_1.createComponent)(CustomComponent, null))),
+                shadowDomName: 'shades-fragment-render-result-2',
+            });
+            (0, initialize_1.initializeShadeRoot)({
+                injector,
+                rootElement,
+                jsxElement: (0, shade_component_1.createComponent)(ExampleComponent, null),
+            });
+            expect(document.body.innerHTML).toBe('<div id="root"><shades-fragment-render-result-2><shades-fragment-test-custom-component><p>Hello</p></shades-fragment-test-custom-component><shades-fragment-test-custom-component><p>Hello</p></shades-fragment-test-custom-component></shades-fragment-render-result-2></div>');
         });
-        (0, initialize_1.initializeShadeRoot)({
-            injector,
-            rootElement,
-            jsxElement: ((0, shade_component_1.createComponent)(ExampleComponent, null,
-                (0, shade_component_1.createComponent)(ExampleSubs, { no: 1 }),
-                (0, shade_component_1.createComponent)(ExampleSubs, { no: 2 }),
-                (0, shade_component_1.createComponent)(ExampleSubs, { no: 3 }))),
-        });
-        expect(document.body.innerHTML).toBe('<div id="root"><shades-example-2><div><shades-example-sub><div></div></shades-example-sub><shades-example-sub><div></div></shades-example-sub><shades-example-sub><div></div></shades-example-sub></div></shades-example-2></div>');
     });
-    it("Should execute the constructed and constructed's cleanup callback", () => {
-        const injector = new inject_1.Injector();
-        const rootElement = document.getElementById('root');
-        const cleanup = jest.fn();
-        const constructed = jest.fn(() => cleanup);
-        const ExampleComponent = (0, shade_1.Shade)({
-            constructed,
-            shadowDomName: 'example-component-1',
-            render: () => (0, shade_component_1.createComponent)("div", null, "Hello"),
-        });
-        (0, initialize_1.initializeShadeRoot)({
-            injector,
-            rootElement,
-            jsxElement: (0, shade_component_1.createComponent)(ExampleComponent, null),
+    it('Should mount nested Shades components', async () => {
+        await (0, utils_1.usingAsync)(new inject_1.Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const ExampleComponent = (0, shade_1.Shade)({
+                render: ({ children }) => (0, shade_component_1.createComponent)("div", null, children),
+                shadowDomName: 'shades-example-2',
+            });
+            const ExampleSubs = (0, shade_1.Shade)({
+                render: ({ props }) => (0, shade_component_1.createComponent)("div", null, props.no),
+                shadowDomName: 'shades-example-sub',
+            });
+            (0, initialize_1.initializeShadeRoot)({
+                injector,
+                rootElement,
+                jsxElement: ((0, shade_component_1.createComponent)(ExampleComponent, null,
+                    (0, shade_component_1.createComponent)(ExampleSubs, { no: 1 }),
+                    (0, shade_component_1.createComponent)(ExampleSubs, { no: 2 }),
+                    (0, shade_component_1.createComponent)(ExampleSubs, { no: 3 }))),
+            });
+            expect(document.body.innerHTML).toBe('<div id="root"><shades-example-2><div><shades-example-sub><div>1</div></shades-example-sub><shades-example-sub><div>2</div></shades-example-sub><shades-example-sub><div>3</div></shades-example-sub></div></shades-example-2></div>');
         });
-        expect(constructed).toBeCalled();
-        expect(cleanup).not.toBeCalled();
-        document.body.innerHTML = '';
-        expect(cleanup).toBeCalled();
     });
-    it('Should execute the onAttach and onDetach callbacks', () => {
-        const injector = new inject_1.Injector();
-        const rootElement = document.getElementById('root');
-        const onAttach = jest.fn();
-        const onDetach = jest.fn();
-        const ExampleComponent = (0, shade_1.Shade)({
-            onAttach,
-            onDetach,
-            shadowDomName: 'example-component-2',
-            render: () => (0, shade_component_1.createComponent)("div", null, "Hello"),
-        });
-        (0, initialize_1.initializeShadeRoot)({
-            injector,
-            rootElement,
-            jsxElement: (0, shade_component_1.createComponent)(ExampleComponent, null),
+    it("Should execute the constructed and constructed's cleanup callback", async () => {
+        await (0, utils_1.usingAsync)(new inject_1.Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const cleanup = jest.fn();
+            const constructed = jest.fn(() => cleanup);
+            const ExampleComponent = (0, shade_1.Shade)({
+                constructed,
+                shadowDomName: 'example-component-1',
+                render: () => (0, shade_component_1.createComponent)("div", null, "Hello"),
+            });
+            (0, initialize_1.initializeShadeRoot)({
+                injector,
+                rootElement,
+                jsxElement: (0, shade_component_1.createComponent)(ExampleComponent, null),
+            });
+            expect(constructed).toBeCalled();
+            expect(cleanup).not.toBeCalled();
+            document.body.innerHTML = '';
+            expect(cleanup).toBeCalled();
         });
-        expect(onAttach).toBeCalled();
-        expect(onDetach).not.toBeCalled();
-        document.body.innerHTML = '';
-        expect(onDetach).toBeCalled();
     });
-    it('Should update state', () => {
-        const injector = new inject_1.Injector();
-        const rootElement = document.getElementById('root');
-        const ExampleComponent = (0, shade_1.Shade)({
-            shadowDomName: 'example-component-3',
-            getInitialState: () => ({ count: 0 }),
-            render: ({ getState, updateState }) => {
-                const { count } = getState();
-                return ((0, shade_component_1.createComponent)("div", null,
-                    "Count is ",
-                    getState().count.toString(),
-                    (0, shade_component_1.createComponent)("button", { id: "plus", onclick: () => updateState({ count: count + 1 }) }, "+"),
-                    (0, shade_component_1.createComponent)("button", { id: "minus", onclick: () => updateState({ count: count - 1 }) }, "-")));
-            },
-        });
-        (0, initialize_1.initializeShadeRoot)({
-            injector,
-            rootElement,
-            jsxElement: (0, shade_component_1.createComponent)(ExampleComponent, null),
+    it('Should execute the onAttach and onDetach callbacks', async () => {
+        await (0, utils_1.usingAsync)(new inject_1.Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const onAttach = jest.fn();
+            const onDetach = jest.fn();
+            const ExampleComponent = (0, shade_1.Shade)({
+                onAttach,
+                onDetach,
+                shadowDomName: 'example-component-2',
+                render: () => (0, shade_component_1.createComponent)("div", null, "Hello"),
+            });
+            (0, initialize_1.initializeShadeRoot)({
+                injector,
+                rootElement,
+                jsxElement: (0, shade_component_1.createComponent)(ExampleComponent, null),
+            });
+            expect(onAttach).toBeCalled();
+            expect(onDetach).not.toBeCalled();
+            document.body.innerHTML = '';
+            expect(onDetach).toBeCalled();
         });
-        const plus = () => document.getElementById('plus')?.click();
-        const minus = () => document.getElementById('minus')?.click();
-        const expectCount = (count) => expect(document.body.innerHTML).toContain(`Count is ${count}`);
-        expectCount(0);
-        plus();
-        expectCount(1);
-        plus();
-        expectCount(2);
-        minus();
-        minus();
-        expectCount(0);
     });
-    it('Should allow children update after unmount and remount', () => {
-        const injector = new inject_1.Injector();
-        const rootElement = document.getElementById('root');
-        const Parent = (0, shade_1.Shade)({
-            shadowDomName: 'shade-remount-parent',
-            getInitialState: () => ({ areChildrenVisible: true }),
-            render: ({ children, getState, updateState }) => ((0, shade_component_1.createComponent)("div", null,
-                (0, shade_component_1.createComponent)("button", { id: "showHideChildren", onclick: () => {
-                        updateState({ areChildrenVisible: !getState().areChildrenVisible });
-                    } }, "Toggle"),
-                getState().areChildrenVisible ? children : (0, shade_component_1.createComponent)("div", null))),
-        });
-        const Child = (0, shade_1.Shade)({
-            shadowDomName: 'example-remount-child',
-            getInitialState: () => ({ count: 0 }),
-            render: ({ getState, updateState }) => {
-                const { count } = getState();
-                return ((0, shade_component_1.createComponent)("div", null,
-                    "Count is ",
-                    getState().count.toString(),
-                    (0, shade_component_1.createComponent)("button", { id: "plus", onclick: () => updateState({ count: count + 1 }) }, "+"),
-                    (0, shade_component_1.createComponent)("button", { id: "minus", onclick: () => updateState({ count: count - 1 }) }, "-")));
-            },
+    it('Should update state', async () => {
+        await (0, utils_1.usingAsync)(new inject_1.Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const ExampleComponent = (0, shade_1.Shade)({
+                shadowDomName: 'example-component-3',
+                render: ({ useState }) => {
+                    const [count, setCount] = useState('count', 0);
+                    return ((0, shade_component_1.createComponent)("div", null,
+                        "Count is ",
+                        count,
+                        (0, shade_component_1.createComponent)("button", { id: "plus", onclick: () => setCount(count + 1) }, "+"),
+                        (0, shade_component_1.createComponent)("button", { id: "minus", onclick: () => setCount(count - 1) }, "-")));
+                },
+            });
+            (0, initialize_1.initializeShadeRoot)({
+                injector,
+                rootElement,
+                jsxElement: (0, shade_component_1.createComponent)(ExampleComponent, null),
+            });
+            const plus = () => document.getElementById('plus')?.click();
+            const minus = () => document.getElementById('minus')?.click();
+            const expectCount = (count) => expect(document.body.innerHTML).toContain(`Count is ${count}`);
+            expectCount(0);
+            plus();
+            expectCount(1);
+            plus();
+            expectCount(2);
+            minus();
+            minus();
+            expectCount(0);
         });
-        (0, initialize_1.initializeShadeRoot)({
-            injector,
-            rootElement,
-            jsxElement: ((0, shade_component_1.createComponent)(Parent, null,
-                (0, shade_component_1.createComponent)(Child, null))),
+    });
+    it('Should allow children update after unmount and remount', async () => {
+        await (0, utils_1.usingAsync)(new inject_1.Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const Parent = (0, shade_1.Shade)({
+                shadowDomName: 'shade-remount-parent',
+                render: ({ children, useState }) => {
+                    const [areChildrenVisible, setAreChildrenVisible] = useState('areChildrenVisible', true);
+                    return ((0, shade_component_1.createComponent)("div", null,
+                        (0, shade_component_1.createComponent)("button", { id: "showHideChildren", onclick: () => {
+                                setAreChildrenVisible(!areChildrenVisible);
+                            } }, "Toggle"),
+                        areChildrenVisible ? children : null));
+                },
+            });
+            const Child = (0, shade_1.Shade)({
+                shadowDomName: 'example-remount-child',
+                render: ({ useState }) => {
+                    const [count, setCount] = useState('count', 0);
+                    return ((0, shade_component_1.createComponent)("div", null,
+                        "Count is ",
+                        `${count}`,
+                        (0, shade_component_1.createComponent)("button", { id: "plus", onclick: () => setCount(count + 1) }, "+"),
+                        (0, shade_component_1.createComponent)("button", { id: "minus", onclick: () => setCount(count - 1) }, "-")));
+                },
+            });
+            (0, initialize_1.initializeShadeRoot)({
+                injector,
+                rootElement,
+                jsxElement: ((0, shade_component_1.createComponent)(Parent, null,
+                    (0, shade_component_1.createComponent)(Child, null))),
+            });
+            const plus = () => document.getElementById('plus')?.click();
+            const minus = () => document.getElementById('minus')?.click();
+            const expectCount = (count) => expect(document.body.innerHTML).toContain(`Count is ${count}`);
+            const toggleChildren = () => document.getElementById('showHideChildren')?.click();
+            expectCount(0);
+            plus();
+            expectCount(1);
+            toggleChildren();
+            expect(document.getElementById('plus')).toBeNull();
+            toggleChildren();
+            expect(document.getElementById('plus')).toBeDefined();
+            expectCount(0);
+            plus();
+            expectCount(1);
+            minus();
+            expectCount(0);
         });
-        const plus = () => document.getElementById('plus')?.click();
-        const minus = () => document.getElementById('minus')?.click();
-        const expectCount = (count) => expect(document.body.innerHTML).toContain(`Count is ${count}`);
-        const toggleChildren = () => document.getElementById('showHideChildren')?.click();
-        expectCount(0);
-        plus();
-        expectCount(1);
-        toggleChildren();
-        expect(document.getElementById('plus')).toBeNull();
-        toggleChildren();
-        expect(document.getElementById('plus')).toBeDefined();
-        // expectCount(0)
-        plus();
-        expectCount(1);
-        minus();
-        expectCount(0);
     });
 });
 //# sourceMappingURL=shades.integration.spec.js.map

package/dist/shades.integration.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"shades.integration.spec.js","sourceRoot":"","sources":["../src/shades.integration.spec.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"shades.integration.spec.js","sourceRoot":"","sources":["../src/shades.integration.spec.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@furystack/shades",
-  "version": "6.1.4",
+  "version": "7.0.0",
   "description": "Google Authentication Provider for FuryStack",
   "main": "dist/index.js",
   "files": [
@@ -29,15 +29,15 @@
   },
   "homepage": "https://github.com/furystack/furystack",
   "devDependencies": {
-    "@types/jest": "^29.2.5",
+    "@types/jest": "^29.2.6",
     "@types/jsdom": "^20.0.1",
     "@types/node": "^18.11.18",
     "jsdom": "^21.0.0"
   },
   "dependencies": {
-    "@furystack/core": "^11.2.2",
-    "@furystack/inject": "^7.1.4",
-    "@furystack/utils": "^3.1.4",
+    "@furystack/core": "^11.2.3",
+    "@furystack/inject": "^7.1.5",
+    "@furystack/utils": "^3.1.5",
     "path-to-regexp": "^6.2.1",
     "semaphore-async-await": "^1.5.1"
   },

package/src/component-factory.spec.tsx

@@ -59,8 +59,7 @@ describe('Shades Component Factory', () => {
       )
 
       const shade = component.firstElementChild as JSX.Element
-      expect(shade.props).toBe(null)
-      expect(shade.state).toBe(undefined)
+      expect(shade.props).toEqual({})
       expect(shade.shadeChildren).toEqual([])
     })
 
@@ -81,17 +80,18 @@ describe('Shades Component Factory', () => {
       shade.callConstructed()
 
       expect(shade.props.foo).toEqual('example')
-      expect(shade.state).toBe(undefined)
       expect(shade.shadeChildren).toEqual([])
 
       expect(shade.innerHTML).toBe('<div>example</div>')
     })
 
     it('Should render a component with state', () => {
-      const Example = Shade<unknown, { foo: string }>({
-        getInitialState: () => ({ foo: 'example' }),
+      const Example = Shade({
         shadowDomName: 'example-with-state',
-        render: () => <div />,
+        render: ({ useState }) => {
+          useState('foo', 'example')
+          return <div />
+        },
       })
 
       const component = (
@@ -102,7 +102,7 @@ describe('Shades Component Factory', () => {
 
       const shade = component.firstElementChild as JSX.Element
       shade.callConstructed()
-      expect(shade.state).toEqual({ foo: 'example' })
+      expect(shade.resourceManager.stateObservers.get('foo')?.getValue()).toEqual('example')
       expect(shade.shadeChildren).toEqual([])
     })
   })

package/src/components/lazy-load.tsx

@@ -11,36 +11,40 @@ export interface LazyLoadState {
   error?: unknown
 }
 
-export const LazyLoad = Shade<LazyLoadProps, LazyLoadState>({
-  getInitialState: () => ({}),
+export const LazyLoad = Shade<LazyLoadProps>({
   shadowDomName: 'lazy-load',
-  constructed: async ({ props, updateState }) => {
+  constructed: async ({ props, useState }) => {
+    const [_component, setComponent] = useState<JSX.Element | undefined>('component', undefined)
+    const [_errorState, setErrorState] = useState<unknown | undefined>('error', undefined)
     try {
       const loaded = await props.component()
-      updateState({ component: loaded })
+      setComponent(loaded)
     } catch (error) {
       if (props.error) {
-        updateState({ error })
+        setErrorState(error)
       } else {
         throw error
       }
     }
   },
-  render: ({ props, getState, updateState }) => {
-    const currentState = getState()
-    if (currentState.error && props.error) {
-      return props.error(currentState.error, async () => {
+  render: ({ props, useState }) => {
+    const [error, setError] = useState<unknown | undefined>('error', undefined)
+    const [component, setComponent] = useState<JSX.Element | undefined>('component', undefined)
+
+    if (error && props.error) {
+      return props.error(error, async () => {
         try {
-          updateState({ error: undefined, component: undefined })
+          setError(undefined)
+          setComponent(undefined)
           const loaded = await props.component()
-          updateState({ component: loaded })
-        } catch (error) {
-          updateState({ error })
+          setComponent(loaded)
+        } catch (e) {
+          setError(e)
         }
       })
     }
-    if (currentState.component) {
-      return currentState.component
+    if (component) {
+      return component
     }
     return props.loader
   },

package/src/components/route-link.spec.tsx

@@ -17,7 +17,7 @@ describe('RouteLink', () => {
 
     const onRouteChange = jest.fn()
 
-    injector.getInstance(LocationService).onLocationChanged.subscribe(onRouteChange)
+    injector.getInstance(LocationService).onLocationPathChanged.subscribe(onRouteChange)
 
     initializeShadeRoot({
       injector,
@@ -29,7 +29,7 @@ describe('RouteLink', () => {
       ),
     })
     expect(document.body.innerHTML).toBe(
-      '<div id="root"><route-link><a id="route" href="/subroute">Link</a></route-link></div>',
+      '<div id="root"><route-link id="route"><a href="/subroute" style="text-decoration: inherit;">Link</a></route-link></div>',
     )
     expect(onRouteChange).not.toBeCalled()
     document.getElementById('route')?.click()