Added explicit form type casting.

docs/faq.md

@@ -245,3 +245,21 @@ const ChangedForm = ({ model }) => (
   </AutoForm>
 );
 ```
+
+### Why am I suddenly getting type errors in my form components?
+
+After introduction of TypeScript in `uniforms@3.0.0`, in the initial versions all form components in theme packages were typed as `any`.
+Natural strict typing is not possible due to TypeScript constraints. In one of the versions we have decided to change this approach and explicitly cast all of the form types.
+If you experience any errors regarding form types, please [file us a bug report](https://github.com/vazco/uniforms/issues/new?assignees=&labels=&template=bug-report.md) and use one of the following workarounds for the time being in your project.
+
+```tsx
+const AnyAutoForm: any = AutoForm;
+<AnyAutoForm untypedProp={1} />;
+
+// or
+
+const anyProps: any = {
+  untypedProp: 1
+}
+<AutoForm {...anyProps} />
+```

packages/uniforms-antd/src/AutoForm.tsx

@@ -2,12 +2,12 @@ import { AutoForm } from 'uniforms';
 
 import ValidatedQuickForm from './ValidatedQuickForm';
 
-function Auto(parent: any): any {
+function Auto(parent: any) {
   class _ extends AutoForm.Auto(parent) {
     static Auto = Auto;
   }
 
-  return _;
+  return (_ as unknown) as AutoForm;
 }
 
 export default Auto(ValidatedQuickForm);

packages/uniforms-antd/src/BaseForm.tsx

@@ -1,7 +1,7 @@
 import classnames from 'classnames';
 import { BaseForm } from 'uniforms';
 
-function AntD(parent: any): any {
+function AntD(parent: any) {
   class _ extends parent {
     static AntD = AntD;
 
@@ -21,7 +21,7 @@ function AntD(parent: any): any {
     }
   }
 
-  return _;
+  return (_ as unknown) as typeof BaseForm;
 }
 
 export default AntD(BaseForm);

packages/uniforms-antd/src/QuickForm.tsx

@@ -5,7 +5,7 @@ import BaseForm from './BaseForm';
 import ErrorsField from './ErrorsField';
 import SubmitField from './SubmitField';
 
-function Quick(parent: any): any {
+function Quick(parent: any) {
   class _ extends QuickForm.Quick(parent) {
     static Quick = Quick;
 
@@ -22,7 +22,7 @@ function Quick(parent: any): any {
     }
   }
 
-  return _;
+  return (_ as unknown) as QuickForm;
 }
 
 export default Quick(BaseForm);

packages/uniforms-antd/src/ValidatedForm.tsx

@@ -2,12 +2,12 @@ import { ValidatedForm } from 'uniforms';
 
 import BaseForm from './BaseForm';
 
-function Validated(parent: any): any {
+function Validated(parent: any) {
   class _ extends ValidatedForm.Validated(parent) {
     static Validated = Validated;
   }
 
-  return _;
+  return (_ as unknown) as ValidatedForm;
 }
 
 export default Validated(BaseForm);

packages/uniforms-bootstrap3/src/AutoForm.tsx

@@ -2,12 +2,12 @@ import { AutoForm } from 'uniforms';
 
 import ValidatedQuickForm from './ValidatedQuickForm';
 
-function Auto(parent: any): any {
+function Auto(parent: any) {
   class _ extends AutoForm.Auto(parent) {
     static Auto = Auto;
   }
 
-  return _;
+  return (_ as unknown) as AutoForm;
 }
 
 export default Auto(ValidatedQuickForm);

packages/uniforms-bootstrap3/src/BaseForm.tsx

@@ -1,7 +1,7 @@
 import classnames from 'classnames';
 import { BaseForm } from 'uniforms';
 
-function Bootstrap3(parent: any): any {
+function Bootstrap3(parent: any) {
   class _ extends parent {
     static Bootstrap3 = Bootstrap3;
 
@@ -34,7 +34,7 @@ function Bootstrap3(parent: any): any {
     }
   }
 
-  return _;
+  return (_ as unknown) as typeof BaseForm;
 }
 
 export default Bootstrap3(BaseForm);

packages/uniforms-bootstrap3/src/QuickForm.tsx

@@ -5,7 +5,7 @@ import BaseForm from './BaseForm';
 import ErrorsField from './ErrorsField';
 import SubmitField from './SubmitField';
 
-function Quick(parent: any): any {
+function Quick(parent: any) {
   class _ extends QuickForm.Quick(parent) {
     static Quick = Quick;
 
@@ -22,7 +22,7 @@ function Quick(parent: any): any {
     }
   }
 
-  return _;
+  return (_ as unknown) as QuickForm;
 }
 
 export default Quick(BaseForm);

packages/uniforms-bootstrap3/src/ValidatedForm.tsx

@@ -2,12 +2,12 @@ import { ValidatedForm } from 'uniforms';
 
 import BaseForm from './BaseForm';
 
-function Validated(parent: any): any {
+function Validated(parent: any) {
   class _ extends ValidatedForm.Validated(parent) {
     static Validated = Validated;
   }
 
-  return _;
+  return (_ as unknown) as ValidatedForm;
 }
 
 export default Validated(BaseForm);

packages/uniforms-bootstrap4/src/AutoForm.tsx

@@ -2,12 +2,12 @@ import { AutoForm } from 'uniforms';
 
 import ValidatedQuickForm from './ValidatedQuickForm';
 
-function Auto(parent: any): any {
+function Auto(parent: any) {
   class _ extends AutoForm.Auto(parent) {
     static Auto = Auto;
   }
 
-  return _;
+  return (_ as unknown) as AutoForm;
 }
 
 export default Auto(ValidatedQuickForm);

packages/uniforms-bootstrap4/src/BaseForm.tsx

@@ -2,7 +2,7 @@ import classnames from 'classnames';
 import omit from 'lodash/omit';
 import { BaseForm } from 'uniforms';
 
-function Bootstrap4(parent: any): any {
+function Bootstrap4(parent: any) {
   class _ extends parent {
     static Bootstrap4 = Bootstrap4;
 
@@ -23,7 +23,7 @@ function Bootstrap4(parent: any): any {
     }
   }
 
-  return _;
+  return (_ as unknown) as typeof BaseForm;
 }
 
 export default Bootstrap4(BaseForm);

packages/uniforms-bootstrap4/src/QuickForm.tsx

@@ -5,7 +5,7 @@ import BaseForm from './BaseForm';
 import ErrorsField from './ErrorsField';
 import SubmitField from './SubmitField';
 
-function Quick(parent: any): any {
+function Quick(parent: any) {
   class _ extends QuickForm.Quick(parent) {
     static Quick = Quick;
 
@@ -22,7 +22,7 @@ function Quick(parent: any): any {
     }
   }
 
-  return _;
+  return (_ as unknown) as QuickForm;
 }
 
 export default Quick(BaseForm);

packages/uniforms-bootstrap4/src/ValidatedForm.tsx

@@ -2,12 +2,12 @@ import { ValidatedForm } from 'uniforms';
 
 import BaseForm from './BaseForm';
 
-function Validated(parent: any): any {
+function Validated(parent: any) {
   class _ extends ValidatedForm.Validated(parent) {
     static Validated = Validated;
   }
 
-  return _;
+  return (_ as unknown) as ValidatedForm;
 }
 
 export default Validated(BaseForm);

packages/uniforms-bootstrap5/src/AutoForm.tsx

@@ -2,12 +2,12 @@ import { AutoForm } from 'uniforms';
 
 import ValidatedQuickForm from './ValidatedQuickForm';
 
-function Auto(parent: any): any {
+function Auto(parent: any) {
   class _ extends AutoForm.Auto(parent) {
     static Auto = Auto;
   }
 
-  return _;
+  return (_ as unknown) as AutoForm;
 }
 
 export default Auto(ValidatedQuickForm);

packages/uniforms-bootstrap5/src/BaseForm.tsx

@@ -2,7 +2,7 @@ import classnames from 'classnames';
 import omit from 'lodash/omit';
 import { BaseForm } from 'uniforms';
 
-function Bootstrap5(parent: any): any {
+function Bootstrap5(parent: any) {
   class _ extends parent {
     static Bootstrap5 = Bootstrap5;
 
@@ -23,7 +23,7 @@ function Bootstrap5(parent: any): any {
     }
   }
 
-  return _;
+  return (_ as unknown) as typeof BaseForm;
 }
 
 export default Bootstrap5(BaseForm);

packages/uniforms-bootstrap5/src/QuickForm.tsx

@@ -5,7 +5,7 @@ import BaseForm from './BaseForm';
 import ErrorsField from './ErrorsField';
 import SubmitField from './SubmitField';
 
-function Quick(parent: any): any {
+function Quick(parent: any) {
   class _ extends QuickForm.Quick(parent) {
     static Quick = Quick;
 
@@ -22,7 +22,7 @@ function Quick(parent: any): any {
     }
   }
 
-  return _;
+  return (_ as unknown) as QuickForm;
 }
 
 export default Quick(BaseForm);

packages/uniforms-bootstrap5/src/ValidatedForm.tsx

@@ -2,12 +2,12 @@ import { ValidatedForm } from 'uniforms';
 
 import BaseForm from './BaseForm';
 
-function Validated(parent: any): any {
+function Validated(parent: any) {
   class _ extends ValidatedForm.Validated(parent) {
     static Validated = Validated;
   }
 
-  return _;
+  return (_ as unknown) as ValidatedForm;
 }
 
 export default Validated(BaseForm);

packages/uniforms-material/src/AutoForm.tsx

@@ -2,12 +2,12 @@ import { AutoForm } from 'uniforms';
 
 import ValidatedQuickForm from './ValidatedQuickForm';
 
-function Auto(parent: any): any {
+function Auto(parent: any) {
   class _ extends AutoForm.Auto(parent) {
     static Auto = Auto;
   }
 
-  return _;
+  return (_ as unknown) as AutoForm;
 }
 
 export default Auto(ValidatedQuickForm);

packages/uniforms-material/src/BaseForm.tsx

@@ -1,13 +1,13 @@
 import { BaseForm } from 'uniforms';
 
-function Material(parent: any): any {
+function Material(parent: any) {
   class _ extends parent {
     static Material = Material;
 
     static displayName = `Material${parent.displayName}`;
   }
 
-  return _;
+  return (_ as unknown) as typeof BaseForm;
 }
 
 export default Material(BaseForm);

packages/uniforms-material/src/QuickForm.tsx

@@ -5,7 +5,7 @@ import BaseForm from './BaseForm';
 import ErrorsField from './ErrorsField';
 import SubmitField from './SubmitField';
 
-function Quick(parent: any): any {
+function Quick(parent: any) {
   class _ extends QuickForm.Quick(parent) {
     static Quick = Quick;
 
@@ -22,7 +22,7 @@ function Quick(parent: any): any {
     }
   }
 
-  return _;
+  return (_ as unknown) as QuickForm;
 }
 
 export default Quick(BaseForm);

packages/uniforms-material/src/ValidatedForm.tsx

@@ -2,12 +2,12 @@ import { ValidatedForm } from 'uniforms';
 
 import BaseForm from './BaseForm';
 
-function Validated(parent: any): any {
+function Validated(parent: any) {
   class _ extends ValidatedForm.Validated(parent) {
     static Validated = Validated;
   }
 
-  return _;
+  return (_ as unknown) as ValidatedForm;
 }
 
 export default Validated(BaseForm);

packages/uniforms-semantic/src/AutoForm.tsx

@@ -2,12 +2,12 @@ import { AutoForm } from 'uniforms';
 
 import ValidatedQuickForm from './ValidatedQuickForm';
 
-function Auto(parent: any): any {
+function Auto(parent: any) {
   class _ extends AutoForm.Auto(parent) {
     static Auto = Auto;
   }
 
-  return _;
+  return (_ as unknown) as AutoForm;
 }
 
 export default Auto(ValidatedQuickForm);

packages/uniforms-semantic/src/BaseForm.tsx

@@ -1,7 +1,7 @@
 import classnames from 'classnames';
 import { BaseForm } from 'uniforms';
 
-function Semantic(parent: any): any {
+function Semantic(parent: any) {
   class _ extends parent {
     static Semantic = Semantic;
 
@@ -18,7 +18,7 @@ function Semantic(parent: any): any {
     }
   }
 
-  return _;
+  return (_ as unknown) as typeof BaseForm;
 }
 
 export default Semantic(BaseForm);