Uncaught TypeError: this.props.mapThemrProps is not a function

[raveclassic]

@alexeyMohnatkin Could you please provide a minimal representation gist/repo? I cannot reproduce the error.

[javivelasco]

That's weird. All test are passing and there is a default value set up, it shouldn't fail unless you give an option that is not a function there. @alexeyMohnatkin please give us an example! :)

[alexeyMohnatkin]

I need time to make example. I didin't pass any new options. I've just updated react-css-themr and got this error.

[alexeyMohnatkin]

It happens when I define defaultProps for decorated component. https://www.webpackbin.com/bins/-Kk0TTaHGCq00TebCuG1

[raveclassic]

@alexeyMohnatkin This happens because you overwrite statics after decorating the class. Just add them as static properties:

@themr(Symbol())
class Foo {
  static defaultProps = {};
  static propTypes = {};
}

Or extend them instead of overwriting:

Foo.defaultProps = {
  custom: 123,
  ...Foo.defaultProps
};

[alexeyMohnatkin]

I've already found solution, thank you

[huchenme]

I think the error message is not helpful. I have accidentally put defaultProps for one of the components using react-css-themr and got this error message "Uncaught TypeError: this.props.mapThemrProps is not a function" where no one has any clue where to find the root cause.

The expected behavior will be no runtime error if someone overrides the defaultProps in another component.

[idangozlan]

@alexeyMohnatkin what is the solution that you found?

[alexeyMohnatkin]

@idangozlan it's described here https://github.com/javivelasco/react-css-themr/issues/61#issuecomment-301258266