How to use the react-syntax-highlighter.PrismAsyncLight.registerLanguage function in react-syntax-highlighter

import React, { Component } from 'react';
import { PrismAsyncLight as SyntaxHighlighter } from 'react-syntax-highlighter';
import jsx from 'react-syntax-highlighter/dist/esm/languages/prism/jsx';
import { dark as style } from 'react-syntax-highlighter/dist/esm/styles/prism';
import { formatter } from '../utils/formatter.util';
import componentRender from '../utils/componentRender.util';
import { ComponentInt, ComponentsInt } from '../utils/InterfaceDefinitions';

SyntaxHighlighter.registerLanguage('jsx', jsx);
type Props = {
  focusComponent: ComponentInt;
  components: ComponentsInt;
};

class CodePreview extends Component {
  render(): JSX.Element {
    const focusComponent: ComponentInt = this.props.focusComponent;
    const components: ComponentsInt = this.props.components;
    return (
      <div>
        </div>