From 5d490c85213c9a7c1705975cfc01aff61c5d0f68 Mon Sep 17 00:00:00 2001
From: Casey Ydenberg <hi@CAYdenberg.io>
Date: Mon, 8 Apr 2024 10:26:50 -0700
Subject: [PATCH] docs: Fix arguments for route component in Upload example
 (#2396)

Closes #2395
---
 docs/latest/concepts/forms.md | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/docs/latest/concepts/forms.md b/docs/latest/concepts/forms.md
index 1f83b4763fc..b0845b506e4 100644
--- a/docs/latest/concepts/forms.md
+++ b/docs/latest/concepts/forms.md
@@ -63,11 +63,17 @@ File uploads can be handled in a very similar manner to the example above. Note
 that this time, we have to explicitly declare the form's encoding.
 
 ```tsx routes/subscribe.tsx
-import { Handlers, type RouteContext } from "$fresh/server.ts";
+import { Handlers, type PageProps } from "$fresh/server.ts";
 
-export const handler: Handlers = {
+interface Props {
+  message: string | null;
+}
+
+export const handler: Handlers<Props> = {
   async GET(req, ctx) {
-    return await ctx.render();
+    return await ctx.render({
+      message: null,
+    });
   },
   async POST(req, ctx) {
     const form = await req.formData();
@@ -85,13 +91,13 @@ export const handler: Handlers = {
     console.log(contents);
 
     return ctx.render({
-      message: `${file.name} uploaded!`,
+      message: `${name} uploaded!`,
     });
   },
 };
 
-export default function Upload(req: Request, ctx: RouteContext) {
-  const { message } = ctx.data;
+export default function Upload(props: PageProps<Props>) {
+  const { message } = props.data;
   return (
     <>
       <form method="post" encType="multipart/form-data">