diff --git a/src/apps/components/ExternalAppContext/ExternalAppContext.tsx b/src/apps/components/ExternalAppContext/ExternalAppContext.tsx
index af8a1ffe7..5f3e42a09 100644
--- a/src/apps/components/ExternalAppContext/ExternalAppContext.tsx
+++ b/src/apps/components/ExternalAppContext/ExternalAppContext.tsx
@@ -1,26 +1,11 @@
-import { appDeepUrl, AppDetailsUrlMountQueryParams } from "@saleor/apps/urls";
+import { appDeepUrl } from "@saleor/apps/urls";
 import { AppExtensionTargetEnum } from "@saleor/graphql";
 import useNavigator from "@saleor/hooks/useNavigator";
 import React from "react";
 
 import { AppDialog } from "../AppDialog";
 import { AppFrame } from "../AppFrame";
-
-export interface AppData {
-  id: string;
-  appToken: string;
-  src: string;
-  label: string;
-  target: AppExtensionTargetEnum;
-  params?: AppDetailsUrlMountQueryParams;
-}
-
-const ExternalAppContext = React.createContext<{
-  open: boolean;
-  appData: AppData | undefined;
-  setOpen: React.Dispatch<React.SetStateAction<boolean>>;
-  setAppData: React.Dispatch<React.SetStateAction<AppData | undefined>>;
-}>(undefined);
+import { AppData, ExternalAppContext } from "./context";
 
 export const ExternalAppProvider: React.FC = ({ children }) => {
   const [open, setOpen] = React.useState(false);
diff --git a/src/apps/components/ExternalAppContext/context.ts b/src/apps/components/ExternalAppContext/context.ts
new file mode 100644
index 000000000..c540b8933
--- /dev/null
+++ b/src/apps/components/ExternalAppContext/context.ts
@@ -0,0 +1,19 @@
+import { AppDetailsUrlMountQueryParams } from "@saleor/apps/urls";
+import { AppExtensionTargetEnum } from "@saleor/graphql";
+import React from "react";
+
+export interface AppData {
+  id: string;
+  appToken: string;
+  src: string;
+  label: string;
+  target: AppExtensionTargetEnum;
+  params?: AppDetailsUrlMountQueryParams;
+}
+
+export const ExternalAppContext = React.createContext<{
+  open: boolean;
+  appData: AppData | undefined;
+  setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+  setAppData: React.Dispatch<React.SetStateAction<AppData | undefined>>;
+}>(undefined);
diff --git a/src/apps/useExtensions.ts b/src/apps/useExtensions.ts
index ce7164bbf..82f2ac762 100644
--- a/src/apps/useExtensions.ts
+++ b/src/apps/useExtensions.ts
@@ -8,7 +8,8 @@ import {
 import { RelayToFlat } from "@saleor/types";
 import { mapEdgesToItems } from "@saleor/utils/maps";
 
-import { AppData, useExternalApp } from "./components/ExternalAppContext";
+import { useExternalApp } from "./components/ExternalAppContext/";
+import { AppData } from "./components/ExternalAppContext/context";
 import { AppDetailsUrlMountQueryParams } from "./urls";
 
 export interface Extension {