Hello there, I am getting this error here and I am not really sure what to do
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
Check the render method of `ForwardRef`.
at createFiberFromTypeAndProps (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:14410:21)
at createFiberFromElement (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:14433:15)
at createChild (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:4377:28)
at reconcileChildrenArray (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:4649:25)
at reconcileChildFibers (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:5054:14)
at reconcileChildren (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7234:28)
at updateHostComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7741:3)
at beginWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9050:14)
at performUnitOfWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12649:12)
at workLoopSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12622:22)
etc...
62 | {label && <Label required={required}>{label}</Label>}
63 | <View>
> 64 | <TextInputMask
| ^
65 | maxLength={maxLength}
66 | numberOfLines={numberOfLines}
67 | multiline={multiline}
at printWarning (node_modules/react/cjs/react.development.js:220:30)
at error (node_modules/react/cjs/react.development.js:196:5)
at Object.createElementWithValidation [as createElement] (node_modules/react/cjs/react.development.js:2215:7)
at app/components/Inputs/TextInput/TextInput.tsx:64:9
at renderWithHooks (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:5552:18)
at updateForwardRef (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7288:20)
at beginWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9068:16)
I have the text-input-mask wrapped within a reusable component like this
Hello there, I am getting this error here and I am not really sure what to do
I have the text-input-mask wrapped within a reusable component like this
I have a jest setup up file that has this in it
this Is how I am using my reusable text input component within login or signup component
and finally this is how my test looks like