diff --git a/packages/redux-devtools-ui/src/ContextMenu/ContextMenu.tsx b/packages/redux-devtools-ui/src/ContextMenu/ContextMenu.tsx
index 6a84a43a..ab762a8a 100644
--- a/packages/redux-devtools-ui/src/ContextMenu/ContextMenu.tsx
+++ b/packages/redux-devtools-ui/src/ContextMenu/ContextMenu.tsx
@@ -5,7 +5,7 @@ import styles from './styles/index';
 const ContextMenuWrapper = createStyledComponent(styles);
 
 type ReactButtonElement = React.ReactElement<
-  JSX.IntrinsicElements['button'],
+  React.JSX.IntrinsicElements['button'],
   'button'
 >;
 type Item = { name: string; value?: string } | ReactButtonElement;
diff --git a/packages/redux-devtools-ui/src/Tabs/TabsHeader.tsx b/packages/redux-devtools-ui/src/Tabs/TabsHeader.tsx
index 49a806fd..123a6407 100644
--- a/packages/redux-devtools-ui/src/Tabs/TabsHeader.tsx
+++ b/packages/redux-devtools-ui/src/Tabs/TabsHeader.tsx
@@ -8,7 +8,7 @@ import * as styles from './styles';
 const TabsWrapper = createStyledComponent(styles);
 
 export type ReactButtonElement = React.ReactElement<
-  JSX.IntrinsicElements['button'],
+  React.JSX.IntrinsicElements['button'],
   'button'
 >;
 
diff --git a/packages/redux-devtools-ui/src/utils/createStyledComponent.ts b/packages/redux-devtools-ui/src/utils/createStyledComponent.ts
index 44bae93d..5f44632e 100644
--- a/packages/redux-devtools-ui/src/utils/createStyledComponent.ts
+++ b/packages/redux-devtools-ui/src/utils/createStyledComponent.ts
@@ -11,7 +11,7 @@ import getDefaultTheme, { Theme } from '../themes/default';
 import { ThemeFromProvider } from './theme';
 
 type StyleFunction<
-  C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
+  C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>,
   // eslint-disable-next-line @typescript-eslint/no-empty-object-type
   O extends object = {},
 > = InterpolationFunction<
@@ -19,7 +19,7 @@ type StyleFunction<
 >;
 
 interface StylesObject<
-  C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
+  C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>,
   // eslint-disable-next-line @typescript-eslint/no-empty-object-type
   O extends object = {},
 > {
@@ -27,13 +27,13 @@ interface StylesObject<
 }
 
 type Styles<
-  C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
+  C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>,
   // eslint-disable-next-line @typescript-eslint/no-empty-object-type
   O extends object = {},
 > = StylesObject<C, O> | StyleFunction<C, O>;
 
 function isStylesObject<
-  C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
+  C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>,
   // eslint-disable-next-line @typescript-eslint/no-empty-object-type
   O extends object = {},
 >(styles: Styles<C>): styles is StylesObject<C, O> {
@@ -41,7 +41,7 @@ function isStylesObject<
 }
 
 const getStyle = <
-  C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
+  C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>,
   // eslint-disable-next-line @typescript-eslint/no-empty-object-type
   O extends object = {},
 >(
@@ -56,7 +56,7 @@ function isThemeFromProvider(
 }
 
 export default function createStyledComponent<
-  C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
+  C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>,
   // eslint-disable-next-line @typescript-eslint/no-empty-object-type
   O extends object = {},
 >(