Cookies passed in custom header not working

Bug description: I am trying to pass a cookie via a custom header, but it does not seem to work at all. My site looks for a specific cookie on certain pages and it doesn’t seem to find it. I have also tried a super simple test example, exactly like the documentation, except the url is hitting a test page on a local server that creates an alert with all cookies. The documentation I am following is here: https://github.com/react-native-community/react-native-webview/blob/master/docs/Guide.md#working-with-custom-headers-sessions-and-cookies

Am I missing something???

To Reproduce:

1. Spin up a local web server with a simple web page that uses JS to show an alert with all the document’s cookies. JS example:

<script type="text/javascript">
  alert('document.cookie='+document.cookie);
</script>

1. Create a simple RN app with the latest react-native-webview module, and add the following code:

const App = () => {
  return (
    <WebView
      source={{
        uri: 'http://localhost:8083', // location of the web page of step 1
        headers: {
          Cookie: 'cookie1=asdf; cookie2=dfasdfdas',
        },
      }}
      sharedCookiesEnabled={true}
    />
  );
};

1. Notice that none of the cookies set in the custom header are not found.

Expected behavior: Cookies passed in a custom header can be read by the receiving web page.

Environment:

• OS: macOS Catalina
• OS version: 10.15.4
• react-native version: 0.62.2
• react-native-webview version: 9.4.0

[Matiyeu]

Same for me, the cookies are not passed except with incognito=true … Has anyone found a solution?

[dwxw]

I’ve also found this, but only on Android, iOS works fine. Adding incognito mode made Android work, but sadly I can’t use incognito mode for other reasons. Interestingly it only seems to happen the first time I open the webview, subsequent times it is receiving the cookies for me.