scinote-web/app/javascript/packs/settings/index.jsx

// 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'

const Settings = () => (
  <div>Settings page</div>
)

// Settings.defaultProps = {
//   name: 'David'
// }

// Settings.propTypes = {
//   name: PropTypes.string
// }

document.addEventListener('DOMContentLoaded', () => {
  ReactDOM.render(
    <Settings />,
    document.body.appendChild(document.createElement('div'))
  )
})