chore: fix actions demo (#526)

Co-authored-by: Kent C. Dodds <[email protected]>

Author: MichaelDeBoey

examples/basic/app/routes/demos/actions.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useRef } from "react";
 import type { ActionFunction } from "remix";
-import { Form, json, useActionData, useTransition, redirect } from "remix";
+import { Form, json, useActionData, redirect } from "remix";
 
 import { hash } from "~/utils.server";
 
@@ -19,7 +19,7 @@ export let action: ActionFunction = async ({ request }) => {
   // over the network. Clientside validation is fine, but you definitely need it
   // server side.  If there's a problem, return the the data and the component
   // can render it.
-  if (typeof answer !== "string") {
+  if (!answer || typeof answer !== "string") {
     return json("Come on, at least try!", { status: 400 });
   }
 

packages/create-remix/templates/_shared_js/app/routes/demos/actions.jsx

@@ -16,7 +16,7 @@ export let action = async ({ request }) => {
   // over the network. Clientside validation is fine, but you definitely need it
   // server side.  If there's a problem, return the the data and the component
   // can render it.
-  if (typeof answer !== "string") {
+  if (!answer || typeof answer !== "string") {
     return json("Come on, at least try!", { status: 400 });
   }
 

packages/create-remix/templates/_shared_ts/app/routes/demos/actions.tsx

@@ -17,7 +17,7 @@ export let action: ActionFunction = async ({ request }) => {
   // over the network. Clientside validation is fine, but you definitely need it
   // server side.  If there's a problem, return the the data and the component
   // can render it.
-  if (typeof answer !== "string") {
+  if (!answer || typeof answer !== "string") {
     return json("Come on, at least try!", { status: 400 });
   }