"SyntaxError: Unexpected token ." when using custom gatsby-transformer-contentful-richtext config

I added the following to gatsby-config.js, per the package readme.

However, when I run gatsby develop I get an unexpected token . error on the require statement.

Is this a valid require syntax?

const { BLOCKS.EMBEDDED_ENTRY } = require ('@contentful/rich-text-types')

plugins: [
  {
   resolve: `gatsby-transformer-contentful-richtext`,
   options: {
      renderOptions: {
        /*
        * Defines custom html string for each node type like heading, embedded entries etc..
        */
        renderNode: {
          // Example
          [BLOCKS.EMBEDDED_ENTRY]: (node) => `<div class='custom-entry'>${customComponentRenderer(node)}</div>`
        },
        /*
        * Defines custom html string for each mark type like bold, italic etc..
        */
        renderMark: {
          // Example
          [MARKS.BOLD]: text => `<custom-bold>${text}<custom-bold>`
        }
      }
   }
  }
]

[aofolts]

@Khaledgarbaya No worries! Thanks for clarifying about the readme. I was thinking…is this some new require syntax or what, haha?

I got the sandbox example working, and then I realized I was using INLINES.EMBEDDED_ENTRY instead of INLINES.ENTRY_HYPERLINK, which is why I wasn’t seeing anything showing up.

Anyway, great work on the Gatsby plugin—makes things a million times easier, and rich text is absolutely brilliant! 💯

[Khaledgarbaya]

Hey @aofolts, My apologies there was a silly mistake in the README. I prepared a sample project that works with custom renderers here is the code sandbox link

Cheers, Khaled