chore(deps): update to fix dynamic params encoding (#2)

hi-ogawa · Apr 8, 2024 · 970b2b3 · 970b2b3
1 parent 5ee8356
commit 970b2b3
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 8 deletions.
diff --git a/package.json b/package.json
@@ -16,7 +16,7 @@
     "cf-release": "cd misc/cloudflare-workers && wrangler deploy"
   },
   "dependencies": {
-    "@hiogawa/react-server": "0.1.15",
+    "@hiogawa/react-server": "0.1.16",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "react-server-dom-webpack": "18.3.0-canary-14898b6a9-20240318"

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/routes/contacts/[contactId]/edit/page.tsx b/src/routes/contacts/[contactId]/edit/page.tsx
@@ -4,7 +4,7 @@ import { actionUpdateContact } from "../../../_action";
 import { BackButton } from "./_client";
 
 export default async function EditContact(props: PageProps) {
-  const contact = await getContact(decodeURI(props.params["contactId"]));
+  const contact = await getContact(props.params["contactId"]);
   if (!contact) {
     throw createError({ status: 404 });
   }

diff --git a/src/routes/contacts/[contactId]/page.tsx b/src/routes/contacts/[contactId]/page.tsx
@@ -4,8 +4,7 @@ import { Link } from "@hiogawa/react-server/client";
 import { actionDeleteContact, actoinFavorite } from "../../_action";
 
 export default async function Contact(props: PageProps) {
-  // TODO: fix decoding
-  const contact = await getContact(decodeURI(props.params["contactId"]));
+  const contact = await getContact(props.params["contactId"]);
   if (!contact) {
     throw createError({ status: 404 });
   }

diff --git a/src/routes/layout.tsx b/src/routes/layout.tsx
@@ -47,6 +47,7 @@ export default async function Layout(props: LayoutProps) {
               <ul>
                 {contacts.map((contact) => (
                   <li key={contact.id}>
+                    {/* TODO: navlink not working on initial render? */}
                     {/* NOTE: functional `className` prop cannot used for server/client boundary */}
                     <NavLink href={`/contacts/${contact.id}`}>
                       {contact.first || contact.last ? (