diff --git a/app/javascript/flavours/glitch/components/not_signed_in_indicator.jsx b/app/javascript/flavours/glitch/components/not_signed_in_indicator.tsx
similarity index 86%
rename from app/javascript/flavours/glitch/components/not_signed_in_indicator.jsx
rename to app/javascript/flavours/glitch/components/not_signed_in_indicator.tsx
index b440c6be2..0df90ddbf 100644
--- a/app/javascript/flavours/glitch/components/not_signed_in_indicator.jsx
+++ b/app/javascript/flavours/glitch/components/not_signed_in_indicator.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
 
-const NotSignedInIndicator = () => (
+export const NotSignedInIndicator: React.FC = () => (
   <div className='scrollable scrollable--flex'>
     <div className='empty-column-indicator'>
       <FormattedMessage id='not_signed_in_indicator.not_signed_in' defaultMessage='You need to sign in to access this resource.' />