diff --git a/src/plugins/navigation/components/BookmarksSidebar.js b/src/plugins/navigation/components/BookmarksSidebar.tsx
similarity index 93%
rename from src/plugins/navigation/components/BookmarksSidebar.js
rename to src/plugins/navigation/components/BookmarksSidebar.tsx
index d207722a7..2e8d0e5fe 100644
--- a/src/plugins/navigation/components/BookmarksSidebar.js
+++ b/src/plugins/navigation/components/BookmarksSidebar.tsx
@@ -3,17 +3,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  * @format
- * @flow strict-local
  */
 
 import {DetailSidebar, FlexCenter, styled, colors} from 'flipper';
+import {Bookmark, URI} from '../types';
+import React from 'react';
 
-import type {Bookmark} from '../flow-types';
-
-type Props = {|
-  bookmarks: Map<string, Bookmark>,
-  onNavigate: string => void,
-|};
+type Props = {
+  bookmarks: Map<string, Bookmark>;
+  onNavigate: (uri: URI) => void;
+};
 
 const NoData = styled(FlexCenter)({
   fontSize: 18,
diff --git a/src/plugins/navigation/components/index.js b/src/plugins/navigation/components/index.js
index e7ae52249..f30d86029 100644
--- a/src/plugins/navigation/components/index.js
+++ b/src/plugins/navigation/components/index.js
@@ -7,7 +7,7 @@
  */
 
 export {default as AutoCompleteSheet} from './AutoCompleteSheet';
-export {default as BookmarksSidebar} from './BookmarksSidebar';
+export {default as BookmarksSidebar} from './BookmarksSidebar.tsx';
 export {default as FavoriteButton} from './FavoriteButton.tsx';
 export {default as IconButton} from './IconButton.tsx';
 export {default as NavigationInfoBox} from './NavigationInfoBox.tsx';