title: How can I fetch data from Firebase into my React App
body: <p>Please, I am very new to React.js and having this challenge of fetching dating from Firebase to populate this. I want to be able to fetch a single properties and not all of them - eg (title, body and price).</p>
  <p>useFetch is a custom hook I created inside the project to handle the fetch from firebase.</p>
  <p>What am I not getting right here please?</p>
  <pre><code>import { useParams } from 'react-router-dom';
  import useFetch from '../UseFetch';
  import '../courseDetails/CourseDetails.css';
  import { useState, useEffect } from 'react';
  
  import React from 'react'
  
  const CourseDetails = () =&gt; {
      const { id } = useParams();
      const { data:details, isLoading } = useFetch('https://tutorialwebsite-460f1-default-rtdb.firebaseio.com/courses.json');
      console.log(details);
      return (
          &lt;div className=&quot;course-detail&quot;&gt;
              &lt;h2&gt;{ id }&lt;/h2&gt;
              &lt;div&gt;
                  &lt;p&gt;{details.description}&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      )
  }
  
  export default CourseDetails
  
  </code></pre>
  <p>Here's the object loaded from the API:</p>
  <pre><code>{
    &quot;-MaebRkqKfjLG8heBbSu&quot;: {
      &quot;body&quot;: &quot;qwerqwer&quot;,
      &quot;description&quot;: &quot;wqerqwetqwe&quot;,
      &quot;imageUrl&quot;: &quot;wdfwerw&quot;,
      &quot;price&quot;: &quot;werqwertwer&quot;,
      &quot;title&quot;: &quot;title 1&quot;
    }
  }
  </code></pre>
  <p>How can I access the <code>description</code>?</p>