title: React Remix not sending cookies to remote server
body: <p>I am trying to set up authentication with Remix as my pure frontend and a django backend.</p>
  <p>When the user signs in successfully, the backend sends a cookie with the response and this is set in the browser redirect with remix</p>
  <pre><code>const signIn = async (credentials: LoginCreds) =&gt; {
      try {
          const response = await fetch(generateFullBackendUrl('/auth/signin'), {
              method: 'POST',
              body: JSON.stringify(credentials),
              headers: {
                  'Content-Type': 'application/json',
                  'Accept': 'application/json'
              },
              credentials: 'include'
          });
  
          return response;
      } catch (e) {
          console.log(e);
      }
  }
  
   const response = await authService.signIn({
          email,
          password
      })
  
      const cookies = response?.headers.get('set-cookie');
  
      if(cookies){
          return redirect('profile', {
              headers: {
                  'Set-Cookie': cookies
              }
          });
  </code></pre>
  <p>However when I try to make subsequent fetch calls in my loader the cookies are not sent to the backend as I would expect the browser would</p>
  <pre><code>await fetch(generateFullBackendUrl('api/users/me'), {
              method: 'GET',
              headers: {
                  'Accept': 'application/json',
                  'Content-Type': 'application/json',
              },
              credentials: 'include'
          })
  </code></pre>
  <p>Front end is running on port 3000
  Backend running on port 4000</p>
  <p>Im wondering why the fetch request in the loader does not send the cookies with the request</p>