preact-hashish-router 0.0.12 → 0.0.13

package/README.md

@@ -88,6 +88,26 @@ export default function Header() {
 }
 ```
 
+### `<Redirect />` Component
+
+```tsx
+import { Redirect } from "preact-hashish-router";
+
+export default function ProductPage() {
+  return (
+    <>
+      <header>
+        <nav>
+          <A href="/">Home</A>
+          <A href="/about">About</A>
+        </nav>
+      </header>
+      <Redirect to="/" />
+    </>
+  );
+}
+```
+
 ## Development
 
 If you have any improvements or find any issues, feel free to contribute or open an issue in the associated repository.

package/dist/Redirect.d.ts

@@ -0,0 +1,4 @@
+export type RedirectProps = {
+    to: string;
+};
+export declare const Redirect: (props: RedirectProps) => import("preact").JSX.Element;

package/dist/Redirect.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+import { Fragment, useLayoutEffect } from "preact/compat";
+import { useRouter } from "./useRouter";
+export const Redirect = (props) => {
+    const router = useRouter();
+    useLayoutEffect(() => {
+        router.go(props.to);
+    }, []);
+    return _jsx(Fragment, {});
+};

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./A";
 export * from "./ErrorRoute";
+export * from "./Redirect";
 export * from "./Route";
 export * from "./Router";
 export * from "./RouterErrorBoundary";

package/dist/index.js

@@ -1,5 +1,6 @@
 export * from "./A";
 export * from "./ErrorRoute";
+export * from "./Redirect";
 export * from "./Route";
 export * from "./Router";
 export * from "./RouterErrorBoundary";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "preact-hashish-router",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "type": "module",
   "module": "dist/index.js",
   "description": "A simple router for preact",