CodeBlock not render properly (Colors)!

[elastic]

CodeBlock not render properly (Colors)!

[chetanmajithiya]

<EuiCodeBlock language="js" fontSize="m" paddingSize="m" overflowHeight={300} isCopyable>{code}</EuiCodeBlock>

[chetanmajithiya]

https://ibb.co/wgXwKCH
https://ibb.co/zXn59mB

[chandlerprall]

Using the same settings within code sandbox highlights the code for me: https://codesandbox.io/s/young-hooks-xylik?file=/index.js

Can you check the devtools' Console and Network tabs for any errors?

[chandlerprall]

Sorry, I lost track of which repo this was asked in. We have limited the language support in this nextjs starter to avoid bloating the bundle size, unless additional languages are needed. Two options:

1. You can setup your own list of included languages by modifying src/lib/highlight.ts
2. You can remove the custom configuration entirely in next.config.js by removing lines 104-107

   next-eui-starter/next.config.js

   Lines 104 to 107 in e98ea62

   	new NormalModuleReplacementPlugin(
   	/^highlight\.js$/,
   	path.join(__dirname, `src/lib/highlight.ts`)
   	)