Dynamický import z URL získat parametr v ReactJS/TypeScript

Zkouším aplikaci z https://github.com/agentcooper/react-pdf-highlighter, ale mám problém, když chci získat soubor TypeScript z parametru URL.

Mohu zobrazit podle GET parametru, ale všechny soubory TypeScript musí být zahrnuty v kódu. Chci zahrnout soubor TypeScript podle požadavku GET parametru. Takže není potřeba server, není potřeba načítat všechny soubory.

import type { IHighlight, NewHighlight } from "./react-pdf-highlighter";

const searchParams = new URLSearchParams(document.location.search);
const bookcode = searchParams.get("kode_buku");
const anotator = searchParams.get("kode_reviewer");
console.log(bookcode);

const mydir = "./" + bookcode;
let str_anotator = String(anotator);


import { testHighlights as _jhon } from "./anotasi/john";
import { testHighlights as _joe } from "./anotasi/joe";
import { testHighlights as _leo } from "./anotasi/leo";
import { testHighlights as _cristiano } from "./anotasi/cristiano";
import { testHighlights as _bujang } from "./anotasi/bujang";
import { testHighlights as _larry } from "./anotasi/larry";

import { Spinner } from "./Spinner";
import { Sidebar } from "./Sidebar";
import "./style/App.css";

let testHighlights: Record<string, Array<IHighlight>> = _raditya;

if (anotator == "john") { testHighlights = _john }
if (anotator == "joe") { testHighlights = _joe }
if (anotator == "leo") { testHighlights = _leo }
if (anotator == "cristiano") { testHighlights = _cristiano }
if (anotator == "bujang") { testHighlights = _bujang }
if (anotator == "larry") { testHighlights = _larry }


console.log(testHighlights);

Přál bych si, aby bylo možné načítání TypeScript souboru provést pouze na základě parametru get v URL, protože pokud musí být načteny všechny TypeScript soubory, bude proces načítání v tuto chvíli pomalý.