fix config loading

src/app/components/Avatar.tsx

@@ -1,10 +1,11 @@
 "use client";
 
+import { Config } from "@/src/types/config";
 import Image from "next/image";
 import { Fragment } from "react";
 import { useLanyardWS } from "use-lanyard";
 
-import Config from "../../../config.yml";
+const Config: Config = require("../../../config.yml") as any;
 
 function LanyardWrapper(props: { children: any }) {
   return <Fragment>{props.children}</Fragment>;

src/app/layout.tsx

@@ -1,9 +1,10 @@
+import { Config } from "@/src/types/config";
 import { config } from "@fortawesome/fontawesome-svg-core";
 import "@fortawesome/fontawesome-svg-core/styles.css";
 import { Inter } from "next/font/google";
 import "./globals.css";
 
-import Config from "../../config.yml";
+const Config: Config = require("../../config.yml") as any;
 config.autoAddCss = false;
 
 const inter = Inter({ subsets: ["latin"] });

src/app/page.tsx

@@ -1,12 +1,14 @@
+import { Config } from "@/src/types/config";
 import { library } from "@fortawesome/fontawesome-svg-core";
 import { fab } from "@fortawesome/free-brands-svg-icons";
 import { far } from "@fortawesome/free-regular-svg-icons";
 import { fas } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import Image from "next/image";
-import Config from "../../config.yml";
 import Avatar from "./components/Avatar";
 
+const Config: Config = require("../../config.yml") as any;
+
 library.add(fab, far, fas); // Loading in the icons from FontAwesome
 
 export default function Home() {

src/types/config.d.ts

@@ -1,5 +1,3 @@
-import { YAMLMap } from "js-yaml";
-
 export interface Config {
   configVersion: string;
   name: string;
@@ -52,6 +50,6 @@ export interface Config {
 
 // Parse the YAML content and convert it to the defined type
 declare module "*.yml" {
-  const content: YAMLMap & Config;
+  const content: any;
   export default content;
 }