diff --git a/dashboard/final-example/.env.local.example b/dashboard/final-example/.env.local.example
deleted file mode 100644
index b46fb13..0000000
--- a/dashboard/final-example/.env.local.example
+++ /dev/null
@@ -1,2 +0,0 @@
-# `openssl rand -base64 32`
-AUTH_SECRET=
diff --git a/dashboard/final-example/app/lib/actions.ts b/dashboard/final-example/app/lib/actions.ts
index 1bab66f..9bc5dc1 100644
--- a/dashboard/final-example/app/lib/actions.ts
+++ b/dashboard/final-example/app/lib/actions.ts
@@ -31,7 +31,7 @@ export type State = {
     amount?: string[];
     status?: string[];
   };
-  message?: string | undefined;
+  message?: string | null;
 };
 
 export async function createInvoice(prevState: State, formData: FormData) {
diff --git a/dashboard/final-example/app/ui/invoices/create-form.tsx b/dashboard/final-example/app/ui/invoices/create-form.tsx
index 27948d6..85cc5dc 100644
--- a/dashboard/final-example/app/ui/invoices/create-form.tsx
+++ b/dashboard/final-example/app/ui/invoices/create-form.tsx
@@ -13,7 +13,7 @@ import { createInvoice } from '@/app/lib/actions';
 import { useFormState } from 'react-dom';
 
 export default function Form({ customers }: { customers: CustomerField[] }) {
-  const initialState = { message: null, errors: [] };
+  const initialState = { message: null, errors: {} };
   const [state, dispatch] = useFormState(createInvoice, initialState);
 
   return (
diff --git a/dashboard/final-example/app/ui/invoices/edit-form.tsx b/dashboard/final-example/app/ui/invoices/edit-form.tsx
index 8f728d2..7c737ff 100644
--- a/dashboard/final-example/app/ui/invoices/edit-form.tsx
+++ b/dashboard/final-example/app/ui/invoices/edit-form.tsx
@@ -19,7 +19,7 @@ export default function EditInvoiceForm({
   invoice: InvoiceForm;
   customers: CustomerField[];
 }) {
-  const initialState = { message: null, errors: [] };
+  const initialState = { message: null, errors: {} };
   const [state, dispatch] = useFormState(updateInvoice, initialState);
 
   return (