Material UI

bun add @form-wire/mui @mui/material @emotion/react @emotion/styled

"use client";

import { muiMapper } from "@form-wire/mui";
import { FormWireProvider } from "@form-wire/react";

export function Providers({ children }: { children: React.ReactNode }) {
  return <FormWireProvider mapper={muiMapper}>{children}</FormWireProvider>;
}

<Contact.Form mapper={muiMapper} action={submitContact} />

import { TextField } from "@mui/material";
import { createMuiMapper, type MuiTextFieldProps } from "@form-wire/mui";

function AppTextField(props: MuiTextFieldProps) {
  return <TextField size="small" fullWidth {...props} />;
}

export const mapper = createMuiMapper({
  TextField: AppTextField,
});