Form interaction issue.

[ozbeyahmet1]

I can't interact with my form that I created with Uniforms and validated with ajv. (I can't type anything in the input field, I can't choose the dropdown)

schema.ts

import Ajv, { JSONSchemaType } from "ajv";
import { JSONSchemaBridge } from 'uniforms-bridge-json-schema';
import { FormData } from "./type";

 export const schema:JSONSchemaType<FormData>= {
    "type": "object",
    "properties": {
      "logoId": {
        "type": "string",
        "maxLength":1,
      },
    },
    "required": [
      "logoId"
    ]
  }


  const ajv = new Ajv({
    allErrors: true,
    useDefaults: true,
    keywords: ['uniforms'],
  });

  function createValidator<T>(schemas: JSONSchemaType<T>) {
    const validator = ajv.compile(schemas);
  
    return (model: Record<string, unknown>) => {
      validator(model);
      return validator.errors?.length ? { details: validator.errors } : null;
    };
  }
  
  const schemaValidator = createValidator(schema);
  
  export const bridge = new JSONSchemaBridge(schema, schemaValidator);

type.ts

export type FormData = {
    logoId: string;
  };

form.tsx

import { AutoForm} from 'uniforms-antd'
import { bridge as schema } from './schema'

function Form() {
    return (
            <AutoForm
                placeholder
                schema={schema}
                onSubmit={(models: any) => alert(JSON.stringify(models, null, 2))}
            />
    );
}

export default Form;

[radekmie]

Hi @ozbeyahmet1. Are you using StrictMode? If so, it can be the culprit, as it's not supported yet (#1194). If not, please put your code in CodeSandbox (here's our template), so we could take a look at a running example.

[ozbeyahmet1]

Thank you for support @radekmie. Yes i use Strict Mode. I look at example