Installed Material UI and amended example MUI and react component

app/javascript/components/HelloWorld.js

@@ -1,16 +1,19 @@
-import React from "react"
-import PropTypes from "prop-types"
+import React from "react";
+import PropTypes from "prop-types";
+import FaceIcon from "@material-ui/icons/Face";
+
 class HelloWorld extends React.Component {
-  render () {
+  render() {
     return (
       <React.Fragment>
         Greeting: {this.props.greeting}
+        <FaceIcon />
       </React.Fragment>
     );
   }
 }
 
 HelloWorld.propTypes = {
-  greeting: PropTypes.string
+  greeting: PropTypes.string,
 };
-export default HelloWorld
+export default HelloWorld;

app/javascript/packs/hello_react.jsx

@@ -1,26 +1,20 @@
-// Run this example by adding <%= javascript_pack_tag 'hello_react' %> to the head of your layout file,
-// like app/views/layouts/application.html.erb. All it does is render <div>Hello React</div> at the bottom
-// of the page.
+import React from "react";
+import ReactDOM from "react-dom";
+import PropTypes from "prop-types";
 
-import React from 'react'
-import ReactDOM from 'react-dom'
-import PropTypes from 'prop-types'
-
-const Hello = props => (
-  <div>Hello {props.name}!</div>
-)
+const Hello = (props) => <div>Hello {props.name}!</div>;
 
 Hello.defaultProps = {
-  name: 'David'
-}
+  name: "David",
+};
 
 Hello.propTypes = {
-  name: PropTypes.string
-}
+  name: PropTypes.string,
+};
 
-document.addEventListener('DOMContentLoaded', () => {
+document.addEventListener("DOMContentLoaded", () => {
   ReactDOM.render(
     <Hello name="React" />,
-    document.body.appendChild(document.createElement('div')),
-  )
-})
+    document.body.appendChild(document.createElement("div"))
+  );
+});

app/views/shared/_navbar.html.erb

@@ -5,7 +5,7 @@
       <%= link_to "/", class: "navbar-brand" do %>
         <%= image_tag "logo_smcompass1.png", class: "avatar"%>
         <%# This is for demonstration purposes only %>
-        <%= react_component("HelloWorld", { greeting: "Hello from react-rails." }) %>
+        <%= react_component("HelloWorld", { greeting: "Hello from react-rails!" }) %>
         <% end %>
         <% if current_user.nil? %>
           <%= "" %>