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

Frenchy_French · ‎Oct 17, 2020

Hi there,

I’m attempting to integrate my airtable database api into a React project. I installed airtable using ‘npm install airtable’. I also followed all the directions on airtable.com/api to configure my api/base and create a function to list the records. However, when my app attempts to run that function, I get the error “Failed to execute ‘fetch’ on ‘Window’: Illegal invocation.” When I click on the error in dev tools, its source appears to be in the airtable base file–which I don’t have access to as it’s part of the npm package.

I did see this topic mentioned in another post, and tried what was recommended there, however, it did not solve my issue.

Has anyone else run into this issue and found a work around?

Alex_Rubner · ‎Oct 19, 2020

@Frenchy_French - if you’re still stuck, I’ve added a workaround to the issue above

See Solution in Thread

Alex_Rubner · ‎Oct 19, 2020

I have the same issue

Someone else does on github as well: https://github.com/Airtable/airtable.js/issues/230

Would be great if someone from Airtable could weigh in on this

Alex_Rubner · ‎Oct 19, 2020

@Frenchy_French - if you’re still stuck, I’ve added a workaround to the issue above

Mido_VO · ‎Oct 20, 2020

Thanks for your help, but your workaround requires changing line 8 on the fetch.js file.
But the problem is in latest version of the airtable.browser.js file, which is the only file i’m using.
The only workaround that I found (for my case), is not using the latest airtable.browser.js file
And I’m using the one that is located here /test/test_files/airtable.browser.js

Frenchy_French · ‎Oct 20, 2020

@Alex_Rubner Thanks for the work around! It worked for me. I originally tried changing the airtable.browser.js file, but the error kept happening.

Mido_VO · ‎Oct 21, 2020

The change suggested by @Alex_Rubner is on line 313 in airtable.browser.js :
Change it as suggested and it should work.