diff --git a/webpack/loaders/git-loader.js b/webpack/loaders/git-loader.js
deleted file mode 100644
index 5f003ffec..000000000
--- a/webpack/loaders/git-loader.js
+++ /dev/null
@@ -1,8 +0,0 @@
-const { resolve } = require('path');
-
-// Forces recompile whenever the current commit changes
-// Useful for generating the version hash in the UI
-module.exports = function(source, map) {
-  this.addDependency(resolve(__dirname, '../../.git/logs/HEAD'));
-  this.callback(null, source, map);
-};
diff --git a/webpack/loaders/git-loader.ts b/webpack/loaders/git-loader.ts
new file mode 100644
index 000000000..51530b704
--- /dev/null
+++ b/webpack/loaders/git-loader.ts
@@ -0,0 +1,14 @@
+import { resolve } from 'path';
+
+import { LoaderContext } from 'webpack';
+
+/**
+ * Forces recompile whenever the current commit changes.
+ * Useful for generating the version hash in the UI.
+ */
+function loader(this: LoaderContext<{}>, content: string) {
+  this.addDependency(resolve(__dirname, '../../.git/logs/HEAD'));
+  this.callback(undefined, content);
+}
+
+export default loader;
\ No newline at end of file
diff --git a/webpack/rules/git-refresh.ts b/webpack/rules/git-refresh.ts
index aa16c5bcb..2633eaded 100644
--- a/webpack/rules/git-refresh.ts
+++ b/webpack/rules/git-refresh.ts
@@ -6,7 +6,7 @@ import type { RuleSetRule } from 'webpack';
 const rule: RuleSetRule = {
   test: resolve(__dirname, '../../app/soapbox/utils/code.js'),
   use: {
-    loader: resolve(__dirname, '../loaders/git-loader.js'),
+    loader: resolve(__dirname, '../loaders/git-loader.ts'),
   },
 };