diff --git a/packages/account/src/Components/self-exclusion/self-exclusion-context.js b/packages/account/src/Components/self-exclusion/self-exclusion-context.js
deleted file mode 100644
index a756d29d1f3c..000000000000
--- a/packages/account/src/Components/self-exclusion/self-exclusion-context.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import * as React from 'react';
-
-const SelfExclusionContext = React.createContext();
-
-export default SelfExclusionContext;
diff --git a/packages/account/src/Components/self-exclusion/self-exclusion-context.tsx b/packages/account/src/Components/self-exclusion/self-exclusion-context.tsx
new file mode 100644
index 000000000000..a7fafbda2f61
--- /dev/null
+++ b/packages/account/src/Components/self-exclusion/self-exclusion-context.tsx
@@ -0,0 +1,22 @@
+import { FormikValues } from 'formik';
+import * as React from 'react';
+
+type TSelfExclusionContext = {
+    footer_ref?: React.RefObject<HTMLElement>;
+    goToConfirm?: () => void;
+    toggleArticle?: () => void;
+    is_app_settings?: boolean;
+    is_wrapper_bypassed?: boolean;
+    is_eu?: boolean;
+    is_uk?: boolean;
+    backToReview?: () => void;
+    backFromConfirmLimits?: () => void;
+    currency?: string;
+    currency_display?: string;
+    exclusion_texts?: string;
+    state?: FormikValues;
+};
+
+const SelfExclusionContext = React.createContext<TSelfExclusionContext>({});
+
+export default SelfExclusionContext;