diff --git a/packages/account/src/Components/self-exclusion/__tests__/self-exclusion-modal.spec.js b/packages/account/src/Components/self-exclusion/__tests__/self-exclusion-modal.spec.tsx
similarity index 67%
rename from packages/account/src/Components/self-exclusion/__tests__/self-exclusion-modal.spec.js
rename to packages/account/src/Components/self-exclusion/__tests__/self-exclusion-modal.spec.tsx
index dee22684d4d0..22cf2e311d3b 100644
--- a/packages/account/src/Components/self-exclusion/__tests__/self-exclusion-modal.spec.js
+++ b/packages/account/src/Components/self-exclusion/__tests__/self-exclusion-modal.spec.tsx
@@ -7,12 +7,17 @@ const modal_root = document.createElement('div');
 modal_root.setAttribute('id', 'modal_root');
 document.body.appendChild(modal_root);
 
-jest.mock('../self-exclusion-article-content', () => () => <div>SelfExclusionArticleContent</div>);
+jest.mock('../self-exclusion-article-content', () => {
+    const mockArticle = () => <div>SelfExclusionArticleContent</div>;
+    return mockArticle;
+});
 
 describe('<SelfExclusionModal />', () => {
     it('should be shown on the page', () => {
         render(
-            <SelfExclusionContext.Provider value={{ state: { show_article: true }, toggleArticle: () => {} }}>
+            <SelfExclusionContext.Provider
+                value={{ state: { show_article: true }, overlay_ref: document.createElement('div') }}
+            >
                 <SelfExclusionModal />
             </SelfExclusionContext.Provider>
         );
diff --git a/packages/account/src/Components/self-exclusion/self-exclusion-context.js b/packages/account/src/Components/self-exclusion/self-exclusion-context.tsx
similarity index 100%
rename from packages/account/src/Components/self-exclusion/self-exclusion-context.js
rename to packages/account/src/Components/self-exclusion/self-exclusion-context.tsx
diff --git a/packages/account/src/Components/self-exclusion/self-exclusion-modal.jsx b/packages/account/src/Components/self-exclusion/self-exclusion-modal.tsx
similarity index 81%
rename from packages/account/src/Components/self-exclusion/self-exclusion-modal.jsx
rename to packages/account/src/Components/self-exclusion/self-exclusion-modal.tsx
index 771ab0644b18..45fd2a9d47dd 100644
--- a/packages/account/src/Components/self-exclusion/self-exclusion-modal.jsx
+++ b/packages/account/src/Components/self-exclusion/self-exclusion-modal.tsx
@@ -7,9 +7,9 @@ const SelfExclusionModal = () => {
     const { state, toggleArticle } = React.useContext(SelfExclusionContext);
 
     return (
-        <Modal className='self_exclusion__article-modal' is_open={state.show_article} toggleModal={toggleArticle}>
+        <Modal className='self_exclusion__article-modal' is_open={state?.show_article} toggleModal={toggleArticle}>
             <ThemedScrollbars>
-                <SelfExclusionArticleContent toggleModal={toggleArticle} />
+                <SelfExclusionArticleContent />
             </ThemedScrollbars>
         </Modal>
     );
diff --git a/packages/account/src/Components/self-exclusion/self-exclusion.jsx b/packages/account/src/Components/self-exclusion/self-exclusion.jsx
index fe10769aad3b..b628e813d548 100644
--- a/packages/account/src/Components/self-exclusion/self-exclusion.jsx
+++ b/packages/account/src/Components/self-exclusion/self-exclusion.jsx
@@ -15,7 +15,7 @@ import DemoMessage from 'Components/demo-message';
 import LoadErrorMessage from 'Components/load-error-message';
 import SelfExclusionArticleContent from './self-exclusion-article-content';
 import SelfExclusionContext from './self-exclusion-context';
-import SelfExclusionModal from './self-exclusion-modal.jsx';
+import SelfExclusionModal from './self-exclusion-modal';
 import SelfExclusionWrapper from './self-exclusion-wrapper';
 import SelfExclusionForm from './self-exclusion-form.jsx';
 
diff --git a/packages/components/src/components/label/label.tsx b/packages/components/src/components/label/label.tsx
index cbd4f7bf6a8d..8bb0c5f953f8 100644
--- a/packages/components/src/components/label/label.tsx
+++ b/packages/components/src/components/label/label.tsx
@@ -17,8 +17,8 @@ const available_modes = [
 const available_sizes = ['regular', 'large'] as const;
 
 type TLabel = {
-    mode: (typeof available_modes)[number];
-    size: (typeof available_sizes)[number];
+    mode: typeof available_modes[number];
+    size: typeof available_sizes[number];
     className?: string;
 };