diff --git a/src/usePageTitle.js b/src/usePageTitle.js
deleted file mode 100644
index e7b5d9ff..00000000
--- a/src/usePageTitle.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import { useEffect } from "react";
-
-export function usePageTitle(title) {
-  useEffect(() => {
-    const productName =
-      import.meta.env.VITE_PRODUCT_NAME || "Matrix Video Chat";
-    document.title = title ? `${productName} | ${title}` : productName;
-  }, [title]);
-}
diff --git a/src/usePageTitle.ts b/src/usePageTitle.ts
new file mode 100644
index 00000000..1516eccb
--- /dev/null
+++ b/src/usePageTitle.ts
@@ -0,0 +1,25 @@
+/*
+Copyright 2022 New Vector Ltd
+
+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.
+*/
+
+import { useEffect } from "react";
+
+export function usePageTitle(title: string): void {
+  useEffect(() => {
+    const productName =
+      import.meta.env.VITE_PRODUCT_NAME || "Matrix Video Chat";
+    document.title = title ? `${productName} | ${title}` : productName;
+  }, [title]);
+}