react-users-component-with-data-from-rails

import React from 'react'
import ReactDOM from 'react-dom'
import PropTypes from 'prop-types'
import {AppProvider, Page, Card, Button} from '@shopify/polaris';

const Users = props => (
	<AppProvider>
	   <Page title="Users">
	    {props.users.map((user, index) => (
	    <Card key={index}
	      title={user.email}
	    >      
	    </Card> 
	    ))}
	  </Page>
	 </AppProvider>
)
// Render component with data
document.addEventListener('DOMContentLoaded', () => {
  const node = document.getElementById('users-index-data')
  const data = JSON.parse(node.getAttribute('data'))
  ReactDOM.render(<Users {...data} />, node)
})