Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Issue importing 'Input' component

See original GitHub issue

Description

Explain what you did Trying to use ‘Input’ element
What you expected to happen Should be hassle free experience to import and use it, but ended with the error
What actually happens Invariant Violation.Element Type is invalid

Also please include the version of react-native-elements that you are using. “react-native-elements”: “0.19.0”

Reproduction Steps and Sample Code

https://snack.expo.io/By8z_AqHf

When the module was installed inside react-native-elements/src/input folder there was no file input.js, however in https://github.com/react-native-training/react-native-elements the same input.js file is seen under react-native-elements/src/input folder.

Issue Analytics

State:
Created 6 years ago
Reactions:1
Comments:11 (1 by maintainers)

Top GitHub Comments

5reactions

mlchildcommented, Jan 28, 2018

I fixed this by using “FormInput” instead of “Input”, but not sure if this is recommended

4reactions

xavier-villelegiercommented, Jan 28, 2018

@repl-ullas-ml You’re looking two different versions of RNE. On github the v1.0.0-beta is on master, but your version is the v0.19.0.

On the v0.19.0: • You must import FormInput

On the v1.0.0-beta: • The FormInput has been refactored and renamed, and is now exported as Input.

So @mlchild, if you’re on v0.19.0, you must use FormInput, as you did 👍

Top Results From Across the Web

Cannot import Input component with v0.19.0 #1025 - GitHub

Descripwtion. i imported Input = import { Input } from "react-native-elements";; i used the component i exepected to work; actually an error occured....

Cannot import my custom components in Angular

One thing to point out, if your Input component has a module, import that module inside the Widgets module (and then export it...

Using Material UI with React Hook Form - LogRocket Blog

React Hook Form exports some utility from the famous useForm Hook, which you then use inside your input components. First, import the useForm ......

Set the value of an Input component.

Topic : Set the value of an Input component. ... Arnoud import React from "react"; import {Input, Button} from 'mdbreact'; export class InputTest...

react-phone-number-input - npm

"With country select" component imported from react-phone-number-input/core subpackage doesn't have default values for the following properties:.