docs: update actions to use ActionArgs (#27)

README.md

@@ -140,7 +140,7 @@ In Remix, your submit your forms to an `action` which receives the `FormData`. I
 ```js
 import { validateServerFormData } from "remix-validity-state";
 
-export async function action({ request }) {
+export async function action({ request }: ActionArgs) {
   const formData = await request.formData();
   const serverFormInfo = await validateServerFormData(
     formData,
@@ -162,7 +162,7 @@ When we validate on the server, we may get errors back that we didn't catch duri
 import { Field, FormContextProvider } from "remix-validity-state";
 
 export default function MyRemixRouteComponent() {
-  let actionData = useActionData();
+  let actionData = useActionData<typeof action>();
   return (
     <FormContextProvider
       value={{

demo-app/app/routes/index.tsx

@@ -1,6 +1,6 @@
 import { Form, useActionData } from "@remix-run/react";
-import type { ActionFunction } from "@remix-run/server-runtime";
-import { json, redirect } from "@remix-run/server-runtime";
+import type { ActionArgs } from "@remix-run/node";
+import { json, redirect } from "@remix-run/node";
 import * as React from "react";
 import type {
   ErrorMessage,
@@ -81,7 +81,7 @@ type ActionData = {
   serverFormInfo: ServerFormInfo<typeof formDefinition>;
 };
 
-export const action: ActionFunction = async ({ request }) => {
+export const action = async ({ request }: ActionArgs) => {
   const formData = await request.formData();
 
   // Validate server-side using the same validations specified in the <input>
@@ -92,7 +92,7 @@ export const action: ActionFunction = async ({ request }) => {
   const serverFormInfo = await validateServerFormData(formData, formDefinition);
 
   if (!serverFormInfo.valid) {
-    return json<ActionData>({ serverFormInfo });
+    return json({ serverFormInfo });
   }
   return redirect("/");
 };
@@ -119,7 +119,7 @@ function EmailAddress() {
 }
 
 export default function Index() {
-  let actionData = useActionData() as ActionData;
+  let actionData = useActionData<typeof action>();
 
   let formRef = React.useRef<HTMLFormElement>(null);