diff --git a/framework/core/js/src/forum/components/HeaderPrimary.js b/framework/core/js/src/forum/components/HeaderPrimary.tsx
similarity index 79%
rename from framework/core/js/src/forum/components/HeaderPrimary.js
rename to framework/core/js/src/forum/components/HeaderPrimary.tsx
index 55282fd22c..328377e273 100644
--- a/framework/core/js/src/forum/components/HeaderPrimary.js
+++ b/framework/core/js/src/forum/components/HeaderPrimary.tsx
@@ -1,13 +1,14 @@
 import Component from '../../common/Component';
 import ItemList from '../../common/utils/ItemList';
 import listItems from '../../common/helpers/listItems';
+import type Mithril from 'mithril';
 
 /**
  * The `HeaderPrimary` component displays primary header controls. On the
  * default skin, these are shown just to the right of the forum title.
  */
 export default class HeaderPrimary extends Component {
-  view() {
+  view(): JSX.Element {
     return <ul className="Header-controls">{listItems(this.items().toArray())}</ul>;
   }
 
@@ -16,7 +17,8 @@ export default class HeaderPrimary extends Component {
    *
    * @return {ItemList<import('mithril').Children>}
    */
-  items() {
-    return new ItemList();
+
+  items(): ItemList<Mithril.Children> {
+    return new ItemList<Mithril.Children>();
   }
 }