This bug has been logged in github, has anyone found a workaround? [Bug] Fails to reach Pinecone on iOS / macOS in V1 and V2 from ReactJS Browser

Support
1

(Safari). It looks like @pinecone-database/pinecone (2.2.0) is setting the User-Agent HTTP header to:
User-Agent: @pinecone-database/pinecone v2.1.1; lang=typescript,

which causes this exception:

[Error] Request header field User-Agent is not allowed by Access-Control-Allow-Headers.

[Error] Fetch API cannot load https://YOUR-PINECONE-VECTORDB-ID.pinecone.io/query due to access control checks.

[Error] Failed to load resource: Request header field User-Agent is not allowed by Access-Control-Allow-Headers. (query, line 0)

here is the link to the submitted issue: [Bug] Fails to reach Pinecone on iOS / macOS in V1 and V2 from ReactJS Browser · Issue #201 · pinecone-io/pinecone-ts-client · GitHub

2

Hi @awccrypto, copying from the Github update for visibility.

Currently, the TypeScript SDK is intended to be used from the server context, which is why we’re applying User-Agent headers to outgoing requests. It’s a security concern to use the TypeScript SDK from within the browser where your API key is exposed, and can be easily extracted from source by 3rd parties giving them read/write access to your database.

We strongly recommend against using the TypeScript SDK from within the browser context, and moving relevant code to a server or edge function. If you have publicly deployed browser code which uses the SDK in this way we recommend rotating your API keys.