How to use the react-syntax-highlighter/dist/esm/light.registerLanguage function in react-syntax-highlighter

import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/light'

// tomorrow, a11y-light
import theme from 'react-syntax-highlighter/dist/esm/styles/hljs/tomorrow'

import js from 'react-syntax-highlighter/dist/esm/languages/hljs/javascript'
import json from 'react-syntax-highlighter/dist/esm/languages/hljs/json'
import python from 'react-syntax-highlighter/dist/esm/languages/hljs/python'
import ruby from 'react-syntax-highlighter/dist/esm/languages/hljs/ruby'
import bash from 'react-syntax-highlighter/dist/esm/languages/hljs/bash'

SyntaxHighlighter.registerLanguage('js', js)
SyntaxHighlighter.registerLanguage('json', json)
SyntaxHighlighter.registerLanguage('python', python)
SyntaxHighlighter.registerLanguage('ruby', ruby)
SyntaxHighlighter.registerLanguage('bash', bash)

export { SyntaxHighlighter, theme }

import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/light'

// tomorrow, a11y-light
import theme from 'react-syntax-highlighter/dist/esm/styles/hljs/tomorrow'

import js from 'react-syntax-highlighter/dist/esm/languages/hljs/javascript'
import json from 'react-syntax-highlighter/dist/esm/languages/hljs/json'
import python from 'react-syntax-highlighter/dist/esm/languages/hljs/python'
import ruby from 'react-syntax-highlighter/dist/esm/languages/hljs/ruby'
import bash from 'react-syntax-highlighter/dist/esm/languages/hljs/bash'

SyntaxHighlighter.registerLanguage('js', js)
SyntaxHighlighter.registerLanguage('json', json)
SyntaxHighlighter.registerLanguage('python', python)
SyntaxHighlighter.registerLanguage('ruby', ruby)
SyntaxHighlighter.registerLanguage('bash', bash)

export { SyntaxHighlighter, theme }

import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/light'

// tomorrow, a11y-light
import theme from 'react-syntax-highlighter/dist/esm/styles/hljs/tomorrow'

import js from 'react-syntax-highlighter/dist/esm/languages/hljs/javascript'
import json from 'react-syntax-highlighter/dist/esm/languages/hljs/json'
import python from 'react-syntax-highlighter/dist/esm/languages/hljs/python'
import ruby from 'react-syntax-highlighter/dist/esm/languages/hljs/ruby'
import bash from 'react-syntax-highlighter/dist/esm/languages/hljs/bash'

SyntaxHighlighter.registerLanguage('js', js)
SyntaxHighlighter.registerLanguage('json', json)
SyntaxHighlighter.registerLanguage('python', python)
SyntaxHighlighter.registerLanguage('ruby', ruby)
SyntaxHighlighter.registerLanguage('bash', bash)

export { SyntaxHighlighter, theme }

import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/light'

// tomorrow, a11y-light
import theme from 'react-syntax-highlighter/dist/esm/styles/hljs/tomorrow'

import js from 'react-syntax-highlighter/dist/esm/languages/hljs/javascript'
import json from 'react-syntax-highlighter/dist/esm/languages/hljs/json'
import python from 'react-syntax-highlighter/dist/esm/languages/hljs/python'
import ruby from 'react-syntax-highlighter/dist/esm/languages/hljs/ruby'
import bash from 'react-syntax-highlighter/dist/esm/languages/hljs/bash'

SyntaxHighlighter.registerLanguage('js', js)
SyntaxHighlighter.registerLanguage('json', json)
SyntaxHighlighter.registerLanguage('python', python)
SyntaxHighlighter.registerLanguage('ruby', ruby)
SyntaxHighlighter.registerLanguage('bash', bash)

export { SyntaxHighlighter, theme }

import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/light'

// tomorrow, a11y-light
import theme from 'react-syntax-highlighter/dist/esm/styles/hljs/tomorrow'

import js from 'react-syntax-highlighter/dist/esm/languages/hljs/javascript'
import json from 'react-syntax-highlighter/dist/esm/languages/hljs/json'
import python from 'react-syntax-highlighter/dist/esm/languages/hljs/python'
import ruby from 'react-syntax-highlighter/dist/esm/languages/hljs/ruby'
import bash from 'react-syntax-highlighter/dist/esm/languages/hljs/bash'

SyntaxHighlighter.registerLanguage('js', js)
SyntaxHighlighter.registerLanguage('json', json)
SyntaxHighlighter.registerLanguage('python', python)
SyntaxHighlighter.registerLanguage('ruby', ruby)
SyntaxHighlighter.registerLanguage('bash', bash)

export { SyntaxHighlighter, theme }

import React from 'react';
import { Form, Dropdown, Icon } from 'semantic-ui-react';
import CopyToClipboard from 'react-copy-to-clipboard';
import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/light';
import xmlSyntax from 'react-syntax-highlighter/dist/esm/languages/hljs/xml';
import syntaxStyle from 'react-syntax-highlighter/dist/styles/hljs/xcode';
import { User, Connection } from '../api';
import { CONNECTION_UI } from '../util/constants';
import DarkButton from '../images/tip-button-dark.png';
import LightButton from '../images/tip-button-light.png';
import OrangeButton from '../images/tip-button-orange.png';
import BlueButton from '../images/tip-button-blue.png';
import './EmbedForm.less';

SyntaxHighlighter.registerLanguage('html', xmlSyntax);

const COLORS = [{
  name: 'Light',
  img: LightButton,
}, {
  name: 'Dark',
  img: DarkButton,
}, {
  name: 'Orange',
  img: OrangeButton,
}, {
  name: 'Blue',
  img: BlueButton,
}];

interface Props {