Как загрузить компонент React в React-Syntax-Highlighter?

Question

Я пытаюсь заставить программу просмотра кода отображать код в файле. Очень похоже на просмотрщик кода в git hub. Как я могу получить содержимое файла компонента реакции в формате, который будет многострочным, и я могу передать его в подсветку синтаксиса реакции?

      import React, {Component} from "react";
import { HashRouter as Router, Switch, Route } from 'react-router-dom';
import SyntaxHighlighter from 'react-syntax-highlighter';
import { a11yDark } from 'react-syntax-highlighter/dist/esm/styles/hljs';

      import Pager from "./components/Pager";

const codeString = Pager.toString();

      <SyntaxHighlighter language="javascript" style={a11yDark} showLineNumbers >
  {codeString}
</SyntaxHighlighter>