diff --git a/src/chrome/AutoUpdateVersion.js b/src/chrome/AutoUpdateVersion.tsx
similarity index 93%
rename from src/chrome/AutoUpdateVersion.js
rename to src/chrome/AutoUpdateVersion.tsx
index 599275439..613ef4360 100644
--- a/src/chrome/AutoUpdateVersion.js
+++ b/src/chrome/AutoUpdateVersion.tsx
@@ -5,17 +5,11 @@
  * @format
  */
 
-import {
-  FlexRow,
-  colors,
-  LoadingIndicator,
-  Glyph,
-  Component,
-  styled,
-} from 'flipper';
+import {FlexRow, colors, LoadingIndicator, Glyph, styled} from 'flipper';
 import {remote} from 'electron';
 import isProduction from '../utils/isProduction.js';
 import config from '../fb-stubs/config.js';
+import React, {Component} from 'react';
 
 const Container = styled(FlexRow)({
   alignItems: 'center',
@@ -36,7 +30,7 @@ type Props = {
 };
 
 export default class AutoUpdateVersion extends Component<Props, State> {
-  state = {
+  state: State = {
     updater: 'update-not-available',
   };
 
@@ -54,7 +48,7 @@ export default class AutoUpdateVersion extends Component<Props, State> {
       remote.autoUpdater.on('update-downloaded', () => {
         this.setState({updater: 'update-downloaded'});
 
-        const notification = new window.Notification('Update available', {
+        const notification = new Notification('Update available', {
           body: 'Restart Flipper to update to the latest version.',
           requireInteraction: true,
         });
diff --git a/src/chrome/TitleBar.tsx b/src/chrome/TitleBar.tsx
index d182a1b53..0f89bd469 100644
--- a/src/chrome/TitleBar.tsx
+++ b/src/chrome/TitleBar.tsx
@@ -28,7 +28,7 @@ import {
 import RatingButton from './RatingButton.js';
 import DevicesButton from './DevicesButton.js';
 import ScreenCaptureButtons from './ScreenCaptureButtons.js';
-import AutoUpdateVersion from './AutoUpdateVersion.js';
+import AutoUpdateVersion from './AutoUpdateVersion';
 import UpdateIndicator from './UpdateIndicator.js';
 import config from '../fb-stubs/config.js';
 import {isAutoUpdaterEnabled} from '../utils/argvUtils.js';