New to WIP?

We're a group of makers shipping together. We help each other stay accountable and reach our goals.

Apply for access
Other questions
Reccomendations on CRM especially simple ones 7 answers
Emails: Use a service or do it yourself? 14 answers
I have thousands of pages to index on Google. How to do this without ruining my domain rep? 6 answers
Have you A/B tested a Stripe Climate enabled checkout vs. regular checkout? 4 answers
Back
 Question
Asked

Anyone using React Apollo with React Hot Loader?

I have a React app with GraphQL using Apollo. I set up react-hot-loader@next yesterday and it only works if I export each component as hot manually. I can't seem to get it to work globally on the root component.

export default hot(module)(App)

Pug Pugson
@pugson

👋 Join WIP to participate

I think i understood some of these words.

 Reply
Pug Pugson
@pugson

FWIW, I set up the loader on the Routes component and it seems to be working with a You cannot change <Router routes>; it will be ignored error, which turns out to be harmless in react-router v3.

 Reply
Pug Pugson
@pugson

Ok so I got this working like this:

ReactDOM.render(
  <ApolloProvider client={client}>
    <Routes history={browserHistory} />
  </ApolloProvider>, document.getElementById('root')
);

if (module.hot) {
  module.hot.accept()
}

Another issue came up — after hot reloading a page where I had a form for mutations, I get an error when trying to run that mutation.

Uncaught (in promise) TypeError: _this.props.addApp is not a function

 Reply