StephenGrider / Lyrical-GraphQL

Starter project from a GraphQL course on Udemy.com
197 stars 372 forks source link

Uncaught Error, suggests exporting component properly in ApolloProvidor integration #11

Closed jibin23 closed 6 years ago

jibin23 commented 6 years ago

Great Course. Learning something is tough, but the biggest headache is experiencing errors when you follow the course line by line. I came across this error in the 34th lesson, which integrate ApolloClient and ApolloProvidor, and I come across these 2 errors

1) Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in.

2) Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in.

jibin23 commented 6 years ago

Nevermind, I had just made a stupid typo. I had misspelled "ApolloProvider"

Right

const Root = () => (
  <ApolloProvider client={client}>
    <div>Lyrical</div>
  </ApolloProvider>
);

Wrong

const Root = () => (
  <ApolloProvidor client={client}>
    <div>Lyrical</div>
  </ApolloProvidor>
);

Correction Biggest headache is when you can't even follow a video tutorial line by line :P