TypeError: Object(...) is not a function

[hoodsy]

When trying to import createUploadLink, throws the error: TypeError: Object(...) is not a function in 7.0.0-alpha.3.

import { createUploadLink } from 'apollo-upload-client'

[jaydenseric]

See #56 (comment), #43 (comment) and #35 (comment). Does updating create-react-app solve the issue?

[hoodsy]

Yes! sorry, didn't see those. Thanks.

[jaydenseric]

Awesome, glad it was an easy fix 😊

[vladinator1000]

This doesn't work with react-create-app-typescript. They've merged .mjs support, still nada for me.

To reproduce:

npm install -g create-react-app
create-react-app my-app --scripts-version=react-scripts-ts
cd my-app/

Create a types.d.ts file in the src with the following content:

declare module 'apollo-upload-client';

Add this to index.tsx:

import { createUploadLink } from 'apollo-upload-client';
export const uploadLink = createUploadLink({ uri: `/manage` });

[jaydenseric]

@savovs are you sure the .mjs support has made its way into that TypeScript fork?

[vladinator1000]

Whoops, looks like they might be behind. Sometimes I wish I stuck with JS... 😀

[saidelghamri]

check the version of @angular/cdk&material in your package.json if you see a version above 5.2.4 and you're using angular 5 try to downgrade it using those commandes
=> npm uninstall @angular/material --save
then
=> npm install @angular/material@5.2.4 --save
and for CDK use :
=> npm uninstall @angular/cdk --save
then
=> npm install @angular/cdk@5.2.4 --save

hope it work for you :)

[papajo]

TypeError: Object(...) is not a function
What is the solution for this? I am getting the same error also. I am using pure ReactJS environment bootstrapped with create-react-app, none of the angularjs or apollo stuff. tia.

[someoneinatree]

I got this issue. Was trying to use hooks on a non-hooky react version. All good now (npm install react{,-dom}@latest)