React-native-ui-kitten: JSON value '#8F9BB3' of type NNString cannot be converted to a UIColor. Did you forget to call processColor() on the JS side?

[NguyenPhatBG]

When I import and using Select component, issue is throw in above?
How can I fix that?

import React from 'react';
import { SafeAreaView, Text, View } from 'react-native';
import * as eva from '@eva-design/eva';
import { ApplicationProvider, IndexPath, Layout, Select, SelectItem } from '@ui-kitten/components';

const HomeScreen = () => {
const [selectedIndex, setSelectedIndex] = React.useState(new IndexPath(0));
return (
HOME
selectedIndex={selectedIndex}
onSelect={index => setSelectedIndex(index)}
>





);
}

export default () => (


);

[WilliamBlais]

I'm having the same issue.

[artyorsh]

I can't help without seeing your configuration. Please include a package.json

And for the future questions make sure to follow the issue template you delete when opening a new issue.

[WilliamBlais]

@artyorsh removing "evaStyle" from createElement(chevronDown_component_1.ChevronDown... in select.component.js removes the error. I'm unsure what to do next. (v5 alpha)

[WilliamBlais]

@NguyenPhatBG You can temporarily fix this issue by adding a accessoryRight prop to Select.

[lfabreges]

I ran into the same issue, here's how to fix it in select.component.tsx:

private renderDefaultIconElement = ({tintColor, ...evaStyle}): React.ReactElement => {
    return (
      <Animated.View style={{ transform: [{ rotate: this.expandToRotateInterpolation }] }}>
        <ChevronDown {...evaStyle} fill={tintColor}/>
      </Animated.View>
    );
  };

Otherwise, like @WilliamBlais noticed, you pass a tintColor prop to the icon instead of using only the fill prop.

[artyorsh]

Hello 👋
Instead of patching dependency sources, use [email protected]. There was a breaking change in future releases of that library, and I’ll mention that in the docs soon.
Thanks for reporting.