"Can't make class hot reloadable due to being read-only”

I’m getting the "Can’t make class hot reloadable due to being read-only” warning on three of my components. Considering that these are ordinary components, I am a bit confused by this error; it seems random. Any ideas what could have gone wrong?

Here is an example of one such component that is throwing the error. The other two components are reasonably similar to this one:

import React, { Component } from 'react';
import { View } from 'components/layout';
import { RegisterForm } from './components';

const viewConfig = {
  ...
};

export default class RegisterView extends Component {
  render() {
    return (
      <View {...viewConfig}>
        <RegisterForm />
      </View>
    );
  }
}

EDIT:

Looks like this is connected to #72?

[nikhilyeole1]

I too was getting this issue. After reading comments above i fixed it by doing following thing

/* file a.js */
export default x;

/* file index.js */
//previously
// export {default as x} from a;
//now
export x from a;

Useful link - https://medium.com/@kentcdodds/misunderstanding-es6-modules-upgrading-babel-tears-and-a-solution-ad2d5ab93ce0#.rvrx62s5p

[elado]

And FYI the links in the warning are incorrect: http://babeljs.io/docs/advanced/loose/ is 404 http://babeljs.io/docs/usage/options/ doesn’t mention loose mode