firebase-sync.js

import { paths } from '../firebase-app'
import { FirebaseSync, firebaseSyncConnect } from '../firebase-sync'

const User = () => (
  <div>
    
    <FirebaseSync
      path={paths.user(props.userId)} />
    
    {user && (
      <div>
        <h1>{user && user.name}</h1>
        <p>{user && user.email}</h1>
      </div>
    )}
     
  </div>
)

export default firebaseSyncConnect((state, props) => {
  return {
    user: paths.user(props.userId)
  };
})(User);