Create React App: Cannot read property 'startsWith' of undefined

Hi,

I’m using graphql.macro@1.3.5 with create-react-app@16.8, and when I try to import loader from graphql.macro, it throws me this:

TypeError: graphql.macro: Cannot read property 'startsWith' of undefined Learn more: https://www.npmjs.com/package/graphql.macro
    at Array.forEach (<anonymous>)
    at Array.forEach (<anonymous>)

I’m not really sure how to setup babel macros, so I may have forgotten a dependency (by the way, is graphql really needed?).

Here’s my config:

package.json

{
  ...
  "dependencies": {
    ...
    "graphql": "^14.2.1",
    "graphql-request": "^1.8.2",
    "graphql.macro": "^1.3.5",
    "react": "^16.8.5",
    "react-scripts": "2.1.8",
    "typescript": "3.3.4000"
    ...
  },
  ...
}

.babelrc

{
  "plugins": ["graphql.macro"]
}

src/components/App.tsx

...
import {loader} from 'graphql.macro';
console.log(loader); // the error is thrown at this point
...

[jissereitsma]

I’ve bumped into the same error. However, it seems that there is some magic going on during compilation that throws this error. Do not try to dump loader to the console. Do you get the same error when you are simply using the loader, i.e. loader("./path/to/some.graphql")?

In my case, I’m getting no error when using loader("./path/to/some.graphql") but the error only appears as soon as I’m creating a new variable const myGraphQlFile = "./path/to/some/graphql"; loader(myGraphQlFile);.

[biggytech]

Same here, happening when I try to use path to file from a variable. I’d wanted to load a bunch of graphql-files from an array, but it doesn’t allow that 😦