Please fix.

When typing in the email input, the input is cleared.
My code block is attached below:

function PlayerInvitationScreen(props: any) {
    const [emails, setEmails] = useState<string[]>([]);
    return (
       <View>
           <View style={styles.image}>
                <Image source={require('../assets/images/letter.png')}/>
           </View>
           <View style={styles.textContainer}>
               <Text textSize='2xl' style={{fontWeight:'bold'}}>Invite User</Text>
           </View>
           <EmailChipInput
               entries={emails}
               onSubmit={(emails: string[]) => setEmails(emails)}
           />
       </View>
    )
}

I am using the version 2.5.2
I have attached the recorded video.

I'm using this library in Expo ?

Can you please provide me some solution ?

I am using the latest version of Email Chip Input library. When there are multiple Email Chip components placed one beneath the other with multiline being set to true, App crash is observed when ENter key is pressed on Android (all OS versions) with Swift Keyboard and Samsung keyboard. This issue is not seen when Enter key is pressed with Gboard.

Scenario:

1. Type in some content in 1st EMail Chip Input
2. Tap on the second chip input and enter some content there.
3. Now tap on the first email chip input and type some content and press return key from soft keyboard on the device. - App crashes. This is a consistent behavior

Please note that the above scenario works perfectly fine when TextInput(RN component) alone is used.

Observed with latest version of email chip input and RN version 0.60.5 & 0.63.3.

Any inputs to address this will be greatly appreciated

Code used to validate has been furnished below:

`import EmailChipInput from '@arelstone/react-native-email-chip';
import React, {Component} from 'react';
import {StyleSheet, View} from 'react-native';
class App extends Component {
render() {
return (

<EmailChipInput
delimiters={[',', ';', ' ']}
entries={[]}
TextInputProps={{multiline: true}}
/>
<EmailChipInput
delimiters={[',', ';', ' ']}
entries={[]}
TextInputProps={{multiline: true}}
/>
<EmailChipInput
delimiters={[',', ';', ' ']}
entries={[]}
TextInputProps={{multiline: true}}
/>

);
}
}
export default App;

const styles = StyleSheet.create({
container: {
paddingTop: 23,
},
input: {
margin: 15,
height: 60,
borderColor: '#7a42f4',
borderWidth: 1,
},
});
`

I wrapped EmailChipInput into another component, mainly to set some default values for the props. This helps me use the email input in different parts of the app, without passing props for style customization over and over. Then, I created a simple unit test for my wrapper component, but when I run it I get this error:

● Test suite failed to run

    myProject/node_modules/@arelstone/react-native-email-chip/index.js:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import EmailChipInput from './src/EmailChipInput'
                                                                                             ^^^^^^

    SyntaxError: Cannot use import statement outside a module

I'm using Jest, and test code of my wrapper component looks like this:

import React from 'react';
import 'react-native';
import { shallow } from 'enzyme';
import toJson from 'enzyme-to-json';
import MyEmailInput from '@components/MyEmailInput';

describe('MyEmailInput', () => {
  it('renders correctly', () => {
    const component = shallow(<MyEmailInput onSubmit={() => {}} emails={[]} />);

    expect(toJson(component)).toMatchSnapshot();
  });
});

I ended up removing this unit test due to its failure. Is there anything you could do to help me address this problem?

Every time I select a chip and remove the text manually with backspace, the entries remain the same. I found a good fix to it, and I'll make a PR when I can.

Hi, How to remove email from state?

const [emails, setEmails] = useState<string[]>(['[email protected]','[email protected]']);

<EmailChipInput
entries={[emails]}
onSubmit={(emails: string[]) => setEmails({emails})}
/>

When the TextInput blurs the data should be submitted