From 448fe10d824848ec5ca303e73e657b6026b5636d Mon Sep 17 00:00:00 2001
From: Jake Howell <jacob@coder.com>
Date: Tue, 28 Jul 2026 23:39:28 +1000
Subject: [PATCH] fix: remove `@mui/material` from `formUtils.stories.tsx`
 (#27503)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This pull-request removes the material dependency from
`formUtils.stories.tsx`. Just a lil bit of dead code we can clean up 🙂.
---
 site/src/utils/formUtils.stories.tsx | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/site/src/utils/formUtils.stories.tsx b/site/src/utils/formUtils.stories.tsx
index 7372307bf6..2c0d2fc7bf 100644
--- a/site/src/utils/formUtils.stories.tsx
+++ b/site/src/utils/formUtils.stories.tsx
@@ -1,9 +1,8 @@
-import TextField from "@mui/material/TextField";
 import type { Meta, StoryObj } from "@storybook/react-vite";
 import { useFormik } from "formik";
 import type { FC } from "react";
 import { action } from "storybook/actions";
-import { Form } from "#/components/Form/Form";
+import { FormField } from "#/components/FormField/FormField";
 import { getFormHelpers } from "./formUtils";
 
 interface ExampleFormProps {
@@ -22,13 +21,7 @@ const ExampleForm: FC<ExampleFormProps> = ({ value, maxLength }) => {
 	const getFieldHelpers = getFormHelpers(form, null);
 
 	return (
-		<Form>
-			<TextField
-				label="Value"
-				rows={2}
-				{...getFieldHelpers("value", { maxLength })}
-			/>
-		</Form>
+		<FormField label="Value" field={getFieldHelpers("value", { maxLength })} />
 	);
 };
 
@@ -38,7 +31,7 @@ const meta: Meta<typeof ExampleForm> = {
 };
 
 export default meta;
-type Story = StoryObj<typeof Form>;
+type Story = StoryObj<typeof ExampleForm>;
 
 export const UnderMaxLength: Story = {
 	args: {