fort awesome for React instructions incorrect

Describe the problem

I have an app in React 16.7.0; According to the instructions in https://fontawesome.com/how-to-use/on-the-web/using-with/react I installed the following fort awesome packages: "@fortawesome/fontawesome-svg-core": "^1.2.13", "@fortawesome/free-solid-svg-icons": "^5.7.0", "@fortawesome/react-fontawesome": "^0.1.4", I used the igloo icon in a component's JSX as instructed But I did not see the icon. Instead in the console an error message for each occurrence was logged: Could not find icon iconName: "igloo" prefix: "fas"

What did you expect?

to see the icon

What version and implementation are you using?

Version: Browser and version: Chrome 71.0.3578.98

[ 5.7.0] SVG with JS
[ ] Web Fonts with CSS
[ ] SVG Sprites
[ ] On the Desktop

Reproducible test case

I install the 3 packages through npm; I add the following imports in the component where I want to use an icon

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faEdit } from "@fortawesome/free-solid-svg-icons/faEdit";

I use it as below in my JSX: <td><FontAwesomeIcon icon={faEdit} /></td>

Only then the icon shows up. This differs considerably from the instructions.

Bug report checklist

[ ] I have filled out as much of the above information as I can
[ ] I have included a test case because my odds go way up that the team can fix this when I do
[ ] I have searched for existing issues and to the best of my knowledge this is not a duplicate

FortAwesome / Font-Awesome