diff --git a/frontend/src/components/SessionDetail/SessionHeader.tsx b/frontend/src/components/SessionDetail/SessionHeader.tsx
index b65542a5a..c4f48f7a2 100644
--- a/frontend/src/components/SessionDetail/SessionHeader.tsx
+++ b/frontend/src/components/SessionDetail/SessionHeader.tsx
@@ -12,7 +12,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import IconArrowLeft from "@vector-im/compound-design-tokens/icons/arrow-left.svg";
+import IconArrowLeft from "@vector-im/compound-design-tokens/icons/arrow-left.svg?react";
 import { H3, IconButton } from "@vector-im/compound-web";
 import { PropsWithChildren } from "react";
 
diff --git a/frontend/src/components/UserEmail/UserEmail.tsx b/frontend/src/components/UserEmail/UserEmail.tsx
index 3056da5d7..743a06f73 100644
--- a/frontend/src/components/UserEmail/UserEmail.tsx
+++ b/frontend/src/components/UserEmail/UserEmail.tsx
@@ -12,7 +12,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import IconDelete from "@vector-im/compound-design-tokens/icons/delete.svg";
+import IconDelete from "@vector-im/compound-design-tokens/icons/delete.svg?react";
 import { Body } from "@vector-im/compound-web";
 import { atom, useSetAtom } from "jotai";
 import { atomFamily } from "jotai/utils";
diff --git a/frontend/src/components/VerifyEmail/VerifyEmail.tsx b/frontend/src/components/VerifyEmail/VerifyEmail.tsx
index d14f45589..0b1d527c2 100644
--- a/frontend/src/components/VerifyEmail/VerifyEmail.tsx
+++ b/frontend/src/components/VerifyEmail/VerifyEmail.tsx
@@ -12,8 +12,8 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import IconArrowLeft from "@vector-im/compound-design-tokens/icons/arrow-left.svg";
-import IconSend from "@vector-im/compound-design-tokens/icons/check.svg";
+import IconArrowLeft from "@vector-im/compound-design-tokens/icons/arrow-left.svg?react";
+import IconSend from "@vector-im/compound-design-tokens/icons/check.svg?react";
 import {
   Button,
   Control,
diff --git a/frontend/src/globals.d.ts b/frontend/src/globals.d.ts
deleted file mode 100644
index eb5e27168..000000000
--- a/frontend/src/globals.d.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-// Copyright 2023 The Matrix.org Foundation C.I.C.
-//
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-//     http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-
-declare module "*.svg" {
-  const ReactComponent: React.FunctionComponent<
-    React.SVGAttributes<SVGElement>
-  >;
-  export default ReactComponent;
-}
-
-declare module "*.module.css";
diff --git a/frontend/src/vite-env.d.ts b/frontend/src/vite-env.d.ts
index f568eda8b..3b51c483a 100644
--- a/frontend/src/vite-env.d.ts
+++ b/frontend/src/vite-env.d.ts
@@ -13,3 +13,4 @@
 // limitations under the License.
 
 /// <reference types="vite/client" />
+/// <reference types="vite-plugin-svgr/client" />