react-feather Invariant Violation

I'm getting an error:

Invariant Violation: View config not found for name path. Make sure to start component names with a capital letter.

This error is located at: in path (created by LogOut) in svg (created by LogOut) in LogOut (at List.js:37)

In List.js (line 37) I used the icon like that:

<LogOut onPress={handleLogout} size={25} />

and imported like this:

import {LogOut} from 'react-feather';

Oct 22 '19 09:10 daniellrsouza

Any update on this?

Apr 03 '20 16:04 raghuchahar007

Same.

Are you using React Native? I am with Expo. I think it does not play well with svg.

So you need your SVGs to use React Native SVG. However react-feather does NOT use React Native SVG.

Perhaps an approach like this is the solution: https://github.com/colmbrady/react-native-feather Basically it recreated all the icons in a React Native SVG-friendly way.

Or, for now I am using: https://github.com/oblador/react-native-vector-icons

I believe there is no solution in using this repo I think it is web-only...

Apr 23 '20 06:04 virgil9306