fix(react-form): Allow interfaces to be assigned to withForm's props (#1601)

fix(react-form): Allow interfaces to be used for withForm props

Author: LeCarbonator

packages/react-form/src/createFormHook.tsx

@@ -183,7 +183,7 @@ export interface WithFormProps<
   TSubmitMeta,
   TFieldComponents extends Record<string, ComponentType<any>>,
   TFormComponents extends Record<string, ComponentType<any>>,
-  TRenderProps extends Record<string, unknown> = Record<string, never>,
+  TRenderProps extends object = Record<string, never>,
 > extends FormOptions<
     TFormData,
     TOnMount,
@@ -326,7 +326,7 @@ export function createFormHook<
     TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
     TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>,
     TSubmitMeta,
-    TRenderProps extends Record<string, unknown> = {},
+    TRenderProps extends object = {},
   >({
     render,
     props,

packages/react-form/tests/createFormHook.test-d.tsx

@@ -249,4 +249,43 @@ describe('createFormHook', () => {
       <WithFormComponent form={incorrectAppForm} prop1="test" prop2={10} />
     )
   })
+
+  it('should allow interfaces without index signatures to be assigned to `props` in withForm', () => {
+    interface TestNoSignature {
+      title: string
+    }
+
+    interface TestWithSignature {
+      title: string
+      [key: string]: unknown
+    }
+
+    const WithFormComponent1 = withForm({
+      defaultValues: { name: '' },
+      props: {} as TestNoSignature,
+      render: () => <></>,
+    })
+
+    const WithFormComponent2 = withForm({
+      defaultValues: { name: '' },
+      props: {} as TestWithSignature,
+      render: () => <></>,
+    })
+
+    const appForm = useAppForm({ defaultValues: { name: '' } })
+
+    const Component1 = <WithFormComponent1 title="" form={appForm} />
+    const Component2 = (
+      <WithFormComponent2 title="" something="else" form={appForm} />
+    )
+  })
+
+  it('should not allow null as prop in withForm', () => {
+    const WithFormComponent = withForm({
+      defaultValues: { name: '' },
+      // @ts-expect-error
+      props: null,
+      render: () => <></>,
+    })
+  })
 })