@zubyjs/react 1.0.37 → 1.0.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zubyjs/react",
-  "version": "1.0.37",
+  "version": "1.0.39",
   "description": "Zuby.js JsxProvider for react",
   "type": "module",
   "main": "index.js",

package/router.d.ts

@@ -11,3 +11,7 @@ export declare function Page({ page, context }: {
     page: LazyTemplate;
     context: ZubyPageContext;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function Error({ error, context }: {
+    error: LazyTemplate;
+    context: ZubyPageContext;
+}): import("react/jsx-runtime").JSX.Element;

package/router.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Router as WouterRouter, Route as WouterRoute, Switch as WouterSwitch } from 'wouter';
 export { useRoute, useRouter, useParams, useLocation, Link, Redirect, } from 'wouter';
+import { useParams } from 'wouter';
 import { Suspense, lazy } from 'react';
 import { createElement } from 'react';
 import { useFetch } from './hooks/index.js';
@@ -33,7 +34,7 @@ export default function Router({ context }) {
     });
     const routes = [
         ...pages.map((page) => (_jsx(WouterRoute, { path: page.path, children: _jsx(Page, { context: context, page: page }) }, page.path))),
-        _jsx(WouterRoute, { children: error?.component && (_jsx(error.component, { context: context, statusCode: (context.statusCode = 404), message: 'Page was not found' })) }, "error"),
+        _jsx(WouterRoute, { children: error?.component && _jsx(Error, { context: context, error: error }) }, "error"),
     ];
     const page = _jsx(WouterSwitch, { children: routes });
     return (_jsx(WouterRouter, { ssrPath: context.url.pathname, children: _jsx(Suspense, { fallback: _jsx("div", { children: "Loading..." }), children: createElement(app?.component, {
@@ -41,8 +42,16 @@ export default function Router({ context }) {
             }) }) }));
 }
 export function Page({ page, context }) {
+    context.statusCode = 200;
+    context.params = useParams();
     if (typeof window !== 'undefined') {
-        context.props = useFetch('/_props' + context.url.pathname);
+        context.props = useFetch(`/_props${context.url.pathname}`);
     }
     return _jsx(page.component, { context: context });
 }
+export function Error({ error, context }) {
+    context.statusCode = 404;
+    context.params = useParams();
+    context.props = {};
+    return _jsx(error.component, { context: context, message: 'Page was not found' });
+}