Form value type inference

You can use json-schema-to-ts to infer types from JSON schema.

Installation

npm

npm i -D json-schema-to-ts

yarn

yarn add -D json-schema-to-ts

pnpm

pnpm add -D json-schema-to-ts

bun

bun add -d json-schema-to-ts

Usage

import type { Schema } from "@sjsf/form";
import type { FromSchema } from "json-schema-to-ts";

import { createMyForm } from "@/components/my-form";

const schema = {
  type: "object",
  title: "Form title",
  properties: {
    text: {
      type: "string",
      title: "Text input",
    },
  },
  required: ["text"],
  additionalProperties: false
} as const satisfies Schema;

const form = createMyForm({
  schema,
  onSubmit: (value: FromSchema<typeof schema>) => {
    console.log(value)
  }
})

// { text: string } | undefined
form.value