text: import React, { useState, useEffect, Component } from 'react';
  import { withFirebase } from '../Firebase';
  const initFields = {
      title: "Generic"
  }
  class RecipeViewer extends Component {
     
      constructor(props) {
          super(props);
          this.setState(initFields);
          this.params = props.match.params;
      }
      onResult = (querySnapshot) => {
          console.log(querySnapshot)
      } 
      onError  = () => {
          console.log("ahhhhh")
      }
      componentDidMount = () => {
          this.props.firebase.db.collection('recipes')
          .doc(this.params.recipe).onSnapshot(this.onResult, this.onError)
      }
      render () {
          return (
          <div></div>
          )
      }
  }
  
  export default withFirebase(RecipeViewer);