@zubyjs/react 1.0.32 → 1.0.34

package/package.json

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

package/router.js

@@ -29,7 +29,11 @@ export default function Router({ context }) {
     const error = errors.find(({ pathRegex }) => {
         return pathRegex.test(context.url.pathname ?? '');
     });
-    const page = (_jsx(WouterSwitch, { children: pages.map((page) => (_jsx(WouterRoute, { path: page.path, children: _jsx(page.component, { context: context }) }))) }));
+    const routes = [
+        ...pages.map((page) => (_jsx(WouterRoute, { path: page.path, children: _jsx(page.component, { context: context }) }, page.path))),
+        _jsx(WouterRoute, { children: error?.component && (_jsx(error.component, { context: context, statusCode: (context.statusCode = 404), message: 'Page was not found' })) }, "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, {
                 children: page,
             }) }) }));

package/templates/error.d.ts

@@ -1,2 +1,5 @@
 import { PropsWithChildren } from 'react';
-export default function Error({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export default function Error({ statusCode, message, }: PropsWithChildren<{
+    statusCode: number;
+    message: string;
+}>): import("react/jsx-runtime").JSX.Element;

package/templates/error.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-export default function Error({ children }) {
-    return _jsx(_Fragment, { children: children });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function Error({ statusCode, message, }) {
+    return (_jsxs("div", { children: [_jsx("h1", { children: statusCode }), _jsx("p", { children: message })] }));
 }