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

import React from 'react';
import axios from 'axios'
import { Tabs, Tab } from '@material-ui/core';
import Select from 'react-select';
import { LightAsync as SyntaxHighlighter } from 'react-syntax-highlighter';
import js from 'react-syntax-highlighter/dist/esm/languages/hljs/javascript';
import py from 'react-syntax-highlighter/dist/esm/languages/hljs/python';
import sh from 'react-syntax-highlighter/dist/esm/languages/hljs/shell';
import { androidstudio } from 'react-syntax-highlighter/dist/esm/styles/hljs';

SyntaxHighlighter.registerLanguage('javascript', js);
SyntaxHighlighter.registerLanguage('python', py);
SyntaxHighlighter.registerLanguage('shell', sh);

let rooms = [
  'Wilkins Building (Main Building) Portico',
  'Torrington (1-19) 433',
  'Darwin Building B05',
  'Darwin Building B15',
  'Darwin Building B40 LT',
  'Cruciform Building B.3.01',
  'Cruciform Building B.3.05',
  'Cruciform Building B.3.06',
  'Cruciform Building B.3.07',
  'Cruciform Building B.4.01',
  'Cruciform Building B1.03',
  'Cruciform Building Foyer 102 Seminar Room 2',
  'Cruciform Building Foyer 201 Seminar Room 3',

import React from 'react';
import axios from 'axios'
import { Tabs, Tab } from '@material-ui/core';
import Select from 'react-select';
import { LightAsync as SyntaxHighlighter } from 'react-syntax-highlighter';
import js from 'react-syntax-highlighter/dist/esm/languages/hljs/javascript';
import py from 'react-syntax-highlighter/dist/esm/languages/hljs/python';
import sh from 'react-syntax-highlighter/dist/esm/languages/hljs/shell';
import { androidstudio } from 'react-syntax-highlighter/dist/esm/styles/hljs';

SyntaxHighlighter.registerLanguage('javascript', js);
SyntaxHighlighter.registerLanguage('python', py);
SyntaxHighlighter.registerLanguage('shell', sh);

let rooms = [
  'Wilkins Building (Main Building) Portico',
  'Torrington (1-19) 433',
  'Darwin Building B05',
  'Darwin Building B15',
  'Darwin Building B40 LT',
  'Cruciform Building B.3.01',
  'Cruciform Building B.3.05',
  'Cruciform Building B.3.06',
  'Cruciform Building B.3.07',
  'Cruciform Building B.4.01',
  'Cruciform Building B1.03',
  'Cruciform Building Foyer 102 Seminar Room 2',
  'Cruciform Building Foyer 201 Seminar Room 3',
  'Gordon Square (25) B30',

import React from 'react';
import axios from 'axios'
import { Tabs, Tab } from '@material-ui/core';
import Select from 'react-select';
import { LightAsync as SyntaxHighlighter } from 'react-syntax-highlighter';
import js from 'react-syntax-highlighter/dist/esm/languages/hljs/javascript';
import py from 'react-syntax-highlighter/dist/esm/languages/hljs/python';
import sh from 'react-syntax-highlighter/dist/esm/languages/hljs/shell';
import { androidstudio } from 'react-syntax-highlighter/dist/esm/styles/hljs';

SyntaxHighlighter.registerLanguage('javascript', js);
SyntaxHighlighter.registerLanguage('python', py);
SyntaxHighlighter.registerLanguage('shell', sh);

let rooms = [
  'Wilkins Building (Main Building) Portico',
  'Torrington (1-19) 433',
  'Darwin Building B05',
  'Darwin Building B15',
  'Darwin Building B40 LT',
  'Cruciform Building B.3.01',
  'Cruciform Building B.3.05',
  'Cruciform Building B.3.06',
  'Cruciform Building B.3.07',
  'Cruciform Building B.4.01',
  'Cruciform Building B1.03',
  'Cruciform Building Foyer 102 Seminar Room 2',