How to use the ace-builds.config function in ace-builds

import * as ace from "ace-builds";
import "ace-builds/webpack-resolver";
import * as React from "react";
import { useEffect, useRef, useState } from "react";
import "./mode-krl";

ace.config.loadModule("ace/ext/searchbox", () => null);

interface Props {
  src?: string;
  theme?: string | null;
  onStatus?: (msg: string) => void;
  onValue?: (src: string) => void;
  readOnly?: boolean;
}

export const themes: { [group: string]: string[] } = {
  bright: [
    "chrome",
    "clouds",
    "crimson_editor",
    "dawn",
    "dreamweaver",