Q:

Unable to import react-native-vector-icons using es6

I'm trying to use react-native-vector-icons with ES6 in React Native, but unfortunately I'm having trouble importing the icons. Their documentation still uses the old require statement, so I don't think it's helpful.
This is my import:
import {Ionicons} from './node_modules/react-native-vector-icons/Ionicons.js';

This is my usage:
<Ionicons name="ios-book" color="#4F8EF7" />

The error I receive is:
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.

It's clear that Ionicons is undefined, so I'm aware that fundamental about the import statement is wrong.

A:

import Ionicons from 'react-native-vector-icons/Ionicons';

