title: Error: Property 'title' does not exist on type 'never'. But i see the logs in browser
body: <p>I got the error:</p>
  <p>Property 'title' does not exist on type 'never'.
  ..... console.log(<em><strong>blog.title</strong></em>);</p>
  <p>But at the console of Browser I am able to see the &quot;blog.title&quot;.</p>
  <p><a href="https://i.stack.imgur.com/aQ15J.png" rel="nofollow noreferrer">Here a screenshot from Browser</a></p>
  <p>In this file I use the console.log and recieve the error:</p>
  <pre><code>const BlogDetails = () =&gt; {
    const { id } = useParams&lt;{ id: string }&gt;();
    const {
      data: blog,
      error,
      isPending,
    } = useFetch(&quot;http://localhost:8500/blogs/&quot; + id);
  
    console.log(blog&amp;&amp; blog.title);
    
  
    return (
      &lt;div className=&quot;blog-details&quot;&gt;
        {isPending &amp;&amp; &lt;div&gt;loading...&lt;/div&gt;}
        {error &amp;&amp; &lt;div&gt;{error}&lt;/div&gt;}
        {blog &amp;&amp; (
          &lt;article&gt;
            &lt;h2&gt;BlogDetails&lt;/h2&gt;
          &lt;/article&gt;
        )}
      &lt;/div&gt;
    );
  };
  
  export default BlogDetails;
  </code></pre>
  <p>I use custom hook to fetch the Data:</p>
  <pre><code>import { useState, useEffect } from &quot;react&quot;;
      
      const useFetch = (url: string) =&gt; {
        const [data, setData] = useState(null);
        const [isPending, setIsPending] = useState(true);
        const [error, setError] = useState(null);
      
        useEffect(() =&gt; {
          const abortCont = new AbortController();
      
          setTimeout(() =&gt; {
            fetch(url, { signal: abortCont.signal })
              .then((res) =&gt; {
                if (!res.ok) {
                  throw Error(&quot;could not fetch the data for that resource&quot;);
                }
                return res.json();
              })
              .then((data) =&gt; {
                setIsPending(false);
                setData(data);
                setError(null);
              })
              .catch((err) =&gt; {
                if (err.name === &quot;AbortError&quot;) {
                  console.log(&quot;fetch aborted&quot;);
                } else {
                  setIsPending(false);
                  setError(err.message);
                }
              });
          }, 1000);
          return () =&gt; abortCont.abort();
        }, [url]);
        return { data, isPending, error };
      };
      
      export default useFetch;
  </code></pre>