diff --git a/src/sentry/static/sentry/app/components/idBadge/badgeDisplayName.jsx b/src/sentry/static/sentry/app/components/idBadge/badgeDisplayName.tsx
similarity index 78%
rename from src/sentry/static/sentry/app/components/idBadge/badgeDisplayName.jsx
rename to src/sentry/static/sentry/app/components/idBadge/badgeDisplayName.tsx
index 005481b36ce740..46a8177b48c459 100644
--- a/src/sentry/static/sentry/app/components/idBadge/badgeDisplayName.jsx
+++ b/src/sentry/static/sentry/app/components/idBadge/badgeDisplayName.tsx
@@ -1,10 +1,9 @@
-import React from 'react';
 import styled from 'react-emotion';
 
 import overflowEllipsis from 'app/styles/overflowEllipsis';
 import space from 'app/styles/space';
 
-const BadgeDisplayName = styled(({hideOverflow, ...props}) => <span {...props} />)`
+const BadgeDisplayName = styled('span')<{hideOverflow?: boolean}>`
   ${p => p.hideOverflow && overflowEllipsis};
   ${p =>
     p.hideOverflow &&