Airtable api error

[myko1328]

Hi,

I am implementing a webapp using Hydrogen with ts. Connecting Airtable from my dev/local environment has been smooth. But, when I deployed it in the platform (Oxygen), I wasn’t able to fetch some data from the airtable and it gives me an error: TypeError: c.default is not a constructor.

Just by calling this method - await table.select({}).firstPage(); would still give me the same error above.

I would really appreciate if someone can enlighten me about the issue. I have been debugging this for a week.

Thank you!

[frehner]

We would need to see more details or a reproduction to be able to better debug this. However, since you mention that it works locally but not on Oxygen, I suspect it has to do with that library using something that is Node-specific but not compatible with Oxygen/Cloudflare Workers.

If you were to run with the shopify hydrogen preview command, do you see the same error?

https://shopify.dev/custom-storefronts/tools/cli-hydrogen#preview

[myko1328]

hey @frehner . thank you for the reply. I ran shopify hydrogen preview and the encountered the same error

TypeError: d.default is not a constructor
        at Object.p [as default] (/Users/myko/Documents/reactjs-projects/outliant/mash-app/dist/worker/index.js:168:16531)
        at C.runAction (/Users/myko/Documents/reactjs-projects/outliant/mash-app/dist/worker/index.js:168:4819)
        at V (/Users/myko/Documents/reactjs-projects/outliant/mash-app/dist/worker/index.js:168:11529)
        at _.m (/Users/myko/Documents/reactjs-projects/outliant/mash-app/dist/worker/index.js:168:11738)
        at _.eachPage (/Users/myko/Documents/reactjs-projects/outliant/mash-app/dist/worker/index.js:168:7121)
        at _.g (/Users/myko/Documents/reactjs-projects/outliant/mash-app/dist/worker/index.js:168:10798)
        at /Users/myko/Documents/reactjs-projects/outliant/mash-app/dist/worker/index.js:168:7275
        at new Promise (<anonymous>)
        at _.firstPage (/Users/myko/Documents/reactjs-projects/outliant/mash-app/dist/worker/index.js:168:7212)
        at Object.Jg [as resource] (/Users/myko/Documents/reactjs-projects/outliant/mash-app/dist/worker/index.js:169:24637)

Here is my sample airtable call for fecthing data:

import Airtable from "airtable";

const base = new Airtable({ apiKey: api }).base(
 base
);

const table = base(table);

export async function api(request, { params }) {
  const records = await table.select({}).firstPage();

  return new Response(JSON.stringify(records));
}

[frehner]

Thanks! Yeah, that pretty much confirms that there's some sort of API call that isn't compatible with Oxygen/Workers. A quick search shows the following issue in the airtable repo:

Airtable/airtable.js#242