StandardJS linting returns parsing error for static variable

Question

I do get an Parsing error: Unexpected token linting error for this line using standardJS. Therefore my CI is failing.

I don't understand what is wrong with this line. How could I fix this?

export default (App) => {
  return class Apollo extends React.Component {
    static displayName = 'withApollo(App)' // <--
    static async getInitialProps (ctx) {
    // ...
  }
}

slebetman · Answer 1 · 2018-11-12T08:20:28.400

1

If this is standard javascript then the error is that classes can only contain functions, not properties.

The correct syntax should be:

class Apollo extends React.Component {
  static async getInitialProps (ctx) {
  // ...
}

Apollo.displayName = 'withApollo(App)';

export default (App) => {
  return Apollo;
}

If you are using the proposed (but not yet implemented or approved) ES7/ES8 class properties then maybe eslint does not support it yet.

If, unlike the original question, you need to use the App parameter, Just do it in the function you want to export:

class Apollo extends React.Component {
  static async getInitialProps (ctx) {
  // ...
}

export default (App) => {
  Apollo.displayName = `withApollo(${App})`;
  return Apollo;
}

edited Nov 12 '18 at 08:20

answered Nov 12 '18 at 07:58

slebetman

109,858
19
140
171

Unfortunatly there is `App` to be used inside of the class. Please have a look at the linked original file. How do I have to handle this? – user3142695 Nov 12 '18 at 08:14
Nope. The original file does not use `App` at all. – slebetman Nov 12 '18 at 08:18

StandardJS linting returns parsing error for static variable

1 Answers1