Code blocks lead to redefined const in web page

[sebastianjanisch]

Describe the bug
When using two different code blocks with different languages the produced web page produces an error with a redefined const.

To Reproduce

import reflex as rx


def test_page() -> rx.Component:
    return rx.vstack(
        rx.code_block(
            "{}",
            language="json",
            show_line_numbers=True,
        ),
        rx.code_block(
            "print(abc)",
            language="python",
            show_line_numbers=True,
        ),
    )

Expected behavior
Page should work

Screenshots

export function Fragment_ba4570fd3640bc8a8c5632b9f9459180 () {
  const reflex___state____state = useContext(StateContexts.reflex___state____state)
  const { resolvedColorMode } = useContext(ColorModeContext)


  const _language = "json"
  
 if (_language) {
    (async () => {
      try {
        const module = await import(`react-syntax-highlighter/dist/cjs/languages/prism/${_language}`);
        SyntaxHighlighter.registerLanguage(_language, module.default);
      } catch (error) {
        console.error(`Error importing language module for ${_language}:`, error);
      }
    })();
  }

  const _language = "python"

  return (
    <Fragment>

Specifics (please complete the following information):

• Python Version: 3.11
• Reflex Version: 0.6.6
• OS: osx
• Browser (Optional): chrome

Additional context
Add any other context about the problem here.

[linear]

ENG-4255 Code blocks lead to redefined const in web page

[adhami3310]

@ElijahAhianyo do you know what should be done here? :o