Gatsby-theme-novela: Error during build: Invalid plugin options for "gatsby-plugin-emotion" ("displayName" is not allowed)

[yanayz]

Prerequisites

• [x] Have you searched the issue tracker for similar issues (either past or present)?
• [x] Can you reproduce the issue consistently?
• [x] Are you reporting to the correct repository?
• [ ] Is this something you can debug and fix? Send a pull request! Bug fixes and documentation fixes are welcome.

Description

Build fails:
error Invalid plugin options for "gatsby-plugin-emotion", configured by node_modules/@narative/gatsby-theme-novela:

• "displayName" is not allowed

Version of Novela you are using

1.6.11

Number of posts you have and which data source

• [x ] Local
• [ ] Contentful

Describe the bug

Right after build attempt (yarn build), getting error message:
error Invalid plugin options for "gatsby-plugin-emotion", configured by node_modules/@narative/gatsby-theme-novela:

• "displayName" is not allowed

To Reproduce

Steps to reproduce the behavior:

1. yarn build
2. See error

Expected behavior

build success

Screenshots

_If applicable, add screenshots to help explain your problem._

Browser

Chrome

[jackmoody11]

I think displayName just needs to be changed to autoLabel. You can see where the option is defined here.

[chrismcglynn]

Could we get this approval prioritized? Sorry, just excited to try out the theme! :) @brotzky

[chrismcglynn]

@yanayz A quick work around is to just edit @narative/gatsby-theme-novela/gatsby-config.js in your node-modules
change line 257 from: displayName: process.env.NODE_ENV ===development,
to: autoLabel: process.env.NODE_ENV ===development,

This may not be the best approach for production application but it lets me at least run gatsby develop with no errors.
I think this is a decent fix until this PR gets approved and merged.

[chrismcglynn]

@yanayz setting "@narative/gatsby-theme-novela": "0.17.0", in your package.json works too.