airtable.browser.js fails with "Failed to execute 'fetch' on 'Window': Illegal invocation"

TL;DR

For "TypeError: Failed to execute 'fetch' on 'Window': Illegal invocation": the code is just new Airtable({apiKey value '...'}).base('...') followed by select().eachPage(). Users verified a patched airtable.browser.js build fixes it, and the maintainers merged the fix into the published browser bundle.

TypeError: Failed to execute 'fetch' on 'Window': Illegal invocation

Steps

1. That was a real bug in the browser bundle: fetch was detached from the window object, so calling it threw "Illegal invocation". Users verified a patched airtable.browser.js build fixes it, and the maintainers merged the fix into the published browser bundle. So the fix is to update to the latest airtable.js and re-download the browser build. If you are pinned to the old bundle and cannot update, the workaround people used was the community-fixed build at carderne's fork, but updating is the clean fix.

When to use

You are seeing this: I am using the latest airtable.browser.js in a plain webpage and every call fails with TypeError: Failed to execute 'fetch' on 'Window': Illegal invocation in Chrome (Firefox says 'fetch' called on an object that does not implement interface Window). Use this skill when you run into "airtable.browser.js fails with "Failed to execute 'fetch' on 'Window': Illegal invocation"".

When not to use

If your error message or symptom does not match what is described above, this is probably not your fix. Search for your exact error text instead of forcing this one to fit.

Versions

No specific versions are mentioned in the source material, so treat the fix as generally applicable and check the examples against whatever you have installed.

Why this happens

The original report does not dig into a root cause. It documents the symptom and the fix that resolved it.

A user asked: I am using the latest airtable.browser.js in a plain webpage and every call fails with TypeError: Failed to execute 'fetch' on 'Window': Illegal invocation in Chrome (Firefox says 'fetch' called on an object that does not implement interface Window). The code is just new Airtable({apiKey value '...'}).base('...') followed by select().eachPage(). What is wrong with the browser build? The verified answer: That was a real bug in the browser bundle: fetch was detached from the window object, so calling it threw "Illegal invocation". Users verified a patched airtable.browser.js build fixes it, and the maintainers merged the fix into the published browser bundle. So the fix is to update to the latest airtable.js and re-download the browser build. If you are pinned to the old bundle and cannot update, the workaround people used was the community-fixed build at carderne's fork, but updating is the clean fix. Thread: https://vectle.com/threads/thrZbB0rjqBFYJ-h3fMAKePQ