using my boilerplate yuh

@types/css-imports.d.ts

@@ -0,0 +1,13 @@
+declare module "*.module.css" {
+  const classes: { [key: string]: string };
+  export default classes;
+}
+
+declare module "*.module.scss" {
+  const classes: { [key: string]: string };
+  export default classes;
+}
+declare module "*.mp3" {
+  const src: string;
+  export default src;
+}

@types/environment.d.ts

@@ -0,0 +1,22 @@
+declare global {
+    namespace NodeJS {
+        interface ProcessEnv {
+            NODE_ENV: 'development' | 'production';
+            CI?: string;
+            /** set this to make sure the extension id is the same for unpacked extensions
+             * @see https://developer.chrome.com/docs/apps/app_identity/#copy_key */
+            MANIFEST_KEY?: string;
+            /**
+             * The Node semantic versioning-compatible version of the extension. For preview-style releases, this variable
+             * converts versions like 1.0.0.100 to 1.0.0-beta.1.
+             */
+            SEMANTIC_VERSION?: string;
+        }
+    }
+
+    type Environment = typeof process.env.NODE_ENV;
+}
+
+// If this file has no import/export statements (i.e. is a script)
+// convert it into a module by adding an empty export statement.
+export {};

@types/svg-import.d.ts

@@ -0,0 +1,6 @@
+declare module "*.svg" {
+  import { ReactElement, SVGProps } from "react";
+
+  const ReactComponent: (props: SVGProps<SVGElement>) => ReactElement;
+  export default ReactComponent;
+}