title: Calling microsoft graph function in typescript/react
body: <p>I'm new to React and TypeScript. I would like to call the following microsoft graph api in my react app.</p>
  
  <pre class="lang-none prettyprint-override"><code>https://graph.microsoft.com/v1.0/me/photo/$value
  </code></pre>
  
  <p>I created this code </p>
  
  <pre><code>import MicrosftGraph from '@microsoft/microsoft-graph-types';
  const accessToken:string = "";
   let url = "https://graph.microsoft.com/v1.0/me/photo/$value"
        let request = new Request(url, {
          method: "GET",
          headers: new Headers({
              "Authorization": "Bearer " + accessToken,
              "Scopes": "User.Read.All"
          })
        });
        fetch(request)
        .then((response) =&gt; {
            response.json().then((res) =&gt; {
                let photo:[MicrosftGraph.Photo] = res.value;
                console.log(photo);
            });
          })
        .catch((error) =&gt; {
            console.error(error);
        });
  </code></pre>
  
  <p>I receive the error that <strong>the accessToken is empty</strong>. Is there a way that I can fill the token in my app without setting it dynamically in the code? </p>
  
  <p>Kind regards, 
  Anouck</p>