Typing ```js doesn't select the right language in SyntaxHighlighter Code block and causes block to crash

[alexflorisca]

Description

When typing ```js to bring up a SyntaxHighlighter Code block, it creates the block, but the language is set to empty. Clicking on the language setting makes the block crash. I would expect it to create the SyntaxHighlighter Code block with the JavaScript language selected.

Step-by-step reproduction instructions

1. Open up the editor
2. Type: ```js and hit enter
3. See that the SyntaxHighlighter Code block has been added, but where the language setting should be, there is nothing.
4. Click on where the language setting should be and the block will crash with a This block has encountered an error and cannot be previewed. error.

Screenshots, screen recording, code snippet

Screen.Recording.2022-06-09.at.13.08.09.mov

Environment info

Wordpress 6.0, Gutenberg not installed, P2 theme
Mac OS
Chrome v101

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[glendaviesnz]

I don't think that the SyntaxHighlighter Code block is part of the core Gutenberg project. Are you sure there isn't another plugin installed that is providing this block?

I tried a base GB install with P2 theme and I don't see the syntax highlighting block:

[t-hamano]

SyntaxHighlighter Code Block seems to be a block provided by WordPress.com.
I was able to reproduce the exact same problem in my environment.
Does anyone know where we should report this issue?

[tyrann0us]

@t-hamano

Does anyone know where we should report this issue?

Probably here: https://.com/Automattic/syntaxhighlighter.

[t-hamano]

@tyrann0us
Thanks for letting me know!
I built and tested this repository and confirmed the same problem.

@alexflorisca
I have submitted a PR.
I close this issue, and please check this PR for future status.

[alexflorisca]

Thanks for the PR @t-hamano. apologies for raising this in the wrong repo!