title: can't take X-Total-Count from response header
body: <p>when I check the request through the X-Total-Count network there is but when I output the answer to the console there is nothing I don't understand why this is</p>
  <p><a href="https://i.stack.imgur.com/lpc61.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lpc61.png" alt="enter image description here" /></a></p>
  <p>through the Postman application, I also checked the output</p>
  <p><a href="https://i.stack.imgur.com/7VAAN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7VAAN.png" alt="enter image description here" /></a></p>
  <p>but when I want to display all this on the console, I get undefined why ????</p>
  <p><a href="https://i.stack.imgur.com/6CWLX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6CWLX.png" alt="enter image description here" /></a></p>
  <p>My Code:</p>
  <pre><code>import React, { useEffect } from &quot;react&quot;;
  import { useGeneralAPIQuery } from &quot;../../hooks/queries&quot;;
  import { quickSearchDTO } from &quot;../../types/utils&quot;;
  import axios from &quot;axios&quot;;
  
  const Button = () =&gt; {
      const quickSearchQuery = useGeneralAPIQuery&lt;quickSearchDTO[]&gt;(&quot;/group&quot;, { size: 8 });
      console.log(&quot;quickSearchQuery&quot;, quickSearchQuery.data)
  
      useEffect(() =&gt; {
          axios.get('http://192.168.8.126:8051/cl-api-react/group?size=8')
              .then(function (response) {
                  console.log(&quot;header&quot;, response.headers);
              });
      }, [])
      
      return (
          &lt;div&gt;
              
          &lt;/div&gt;
      );
  };
  export default Button;
  </code></pre>
  <p>console</p>
  <p><a href="https://i.stack.imgur.com/vBSIj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vBSIj.png" alt="enter image description here" /></a></p>
  <p>no X-Total-Count in the console I tried everything</p>