The FormProps interface should include the ref prop and the Form class should include the state generic.

[Steffan-Ennis]

Prerequisites

• I have read the documentation;
• In the case of a bug report, I understand that providing a SSCCE example is tremendously useful to the maintainers.
• Ideally, I'm providing a sample JSFiddle or a shared playground link demonstrating the issue.

Description

• The ref prop has not been described in the FormProps interface
• The state generic has not been described in the Form as part of the the Form React component

Steps to Reproduce

const MyForm = ({FormDefinition, formData, onDesignChange}) => {

  const jsonSchemaFormRef = React.createRef<RJSF.default<any>>()

  const onChangeHandler = ({formdata}) => {
     jsonSchemaFormRef.current?.validate()  

     if (jsonSchemaFormRef.current?.state.errors.length == 0){
        onDesignChange(formData)
      }
  }      

  return (
    <JsonSchemaForm
      schema={formDefinition.schema as JSONSchema7 }
      uiSchema={formDefinition.uiSchema as JSONSchema7 }
      ref={jsonSchemaFormRef} // Ref is available on all react class elements
      onChange={onChangeHandler} 
      formData={formData}>
  )
}

Expected behavior

Should compile without any errors

Actual behavior

Compiles with the following typescript errors

TS2339: Property 'errors' does not exist on type 'Readonly<{}>'.

      TS2769: No overload matches this call.
  Overload 1 of 2, '(props: FormProps<any>, context?: any): ReactElement<any, any> | Component<FormProps<any>, any, any> | null', gave the following error.
    Type '{ children: any[]; schema: JSONSchema7; uiSchema: JSONSchema7; ref: RefObject<Form<any>>; formData: IPropertyPanelFormData | undefined; FieldTemplate: ({ id, children, displayLabel, rawErrors, rawHelp, rawDescription, }: FieldTemplateProps) => Element; onChange: DebouncedFunc<...>; }' is not assignable to type 'IntrinsicAttributes & FormProps<any>'.
      Property 'ref' does not exist on type 'IntrinsicAttributes & FormProps<any>'.
  Overload 2 of 2, '(props: PropsWithChildren<FormProps<any>>, context?: any): ReactElement<any, any> | Component<FormProps<any>, any, any> | null', gave the following error.
    Type '{ children: any[]; schema: JSONSchema7; uiSchema: JSONSchema7; ref: RefObject<Form<any>>; formData: IPropertyPanelFormData | undefined; FieldTemplate: ({ id, children, displayLabel, rawErrors, rawHelp, rawDescription, }: FieldTemplateProps) => Element; onChange: DebouncedFunc<...>; }' is not assignable to type 'IntrinsicAttributes & FormProps<any> & { children?: ReactNode; }'.
      Property 'ref' does not exist on type 'IntrinsicAttributes & FormProps<any> & { children?: ReactNode; }'.

Version

2.4.0

[heath-freenome]

Fixed in the v5 beta, see the 5.x migration guide