diff --git a/app/javascript/packs/hello_react.jsx b/app/javascript/packs/settings/index.jsx
similarity index 66%
rename from app/javascript/packs/hello_react.jsx
rename to app/javascript/packs/settings/index.jsx
index e5f2f86b9..cc836fcf9 100644
--- a/app/javascript/packs/hello_react.jsx
+++ b/app/javascript/packs/settings/index.jsx
@@ -4,23 +4,23 @@
 
 import React from 'react'
 import ReactDOM from 'react-dom'
-import PropTypes from 'prop-types'
+// import PropTypes from 'prop-types'
 
-const Hello = props => (
-  <div>Hello {props.name}!</div>
+const Settings = () => (
+  <div>Settings page</div>
 )
 
-Hello.defaultProps = {
-  name: 'David'
-}
+// Settings.defaultProps = {
+//   name: 'David'
+// }
 
-Hello.propTypes = {
-  name: PropTypes.string
-}
+// Settings.propTypes = {
+//   name: PropTypes.string
+// }
 
 document.addEventListener('DOMContentLoaded', () => {
   ReactDOM.render(
-    <Hello name="React" />,
+    <Settings />,
     document.body.appendChild(document.createElement('div'))
   )
 })
diff --git a/app/views/react/settings/index.html.erb b/app/views/react/settings/index.html.erb
new file mode 100644
index 000000000..e69de29bb