title: Can't return axios.all data from getServerSideProps
body: <p>I want to call three URLs and render their data from <code>getServerSideProps()</code>, so I'm using <code>axios.all([])</code> like this:</p>
  <pre><code>export async function getServerSideProps(ctx) {
      const profileURL = 'http://localhost:8000/api/auth/profile/';
      const bookmarkURL = 'http://localhost:8000/api/blogs/saved/';
  
      const profileDataReq = axios({method: 'GET',
                              url: profileURL,
                              headers: ctx.req ? { cookie: ctx.req.headers.cookie } : undefined
                          });
      const bookmarksReq = axios({method: 'GET',
                              url: bookmarkURL,
                              headers: ctx.req ? { cookie: ctx.req.headers.cookie } : undefined
                          });
      const resp = await axios.all([profileDataReq, bookmarksReq]);
      const data = axios.spread(function(profile, bookmark) {
          console.log('My profile: ', Profile);
          console.log('Saved blogs: ', saved);
      })
      return {
          props: {   }
      };
  };
  </code></pre>
  <p>My question is how do I return the <code>axios</code> data from <code>getServerSideProps()</code>'s <code>return{...}</code> so that I can use it in the component?</p>