diff --git a/extension/src/panel/pages/$activeRouteId/clear-transactions.$newActiveRouteId/ClearTransactions.spec.ts b/extension/src/panel/pages/$activeRouteId/clear-transactions.$newActiveRouteId/ClearTransactions.spec.ts
new file mode 100644
index 000000000..ff07d8645
--- /dev/null
+++ b/extension/src/panel/pages/$activeRouteId/clear-transactions.$newActiveRouteId/ClearTransactions.spec.ts
@@ -0,0 +1,9 @@
+import { describe, it, vi } from 'vitest'
+
+vi.mock('')
+
+describe('Clear transactions', () => {
+  it('clears all transactions', async () => {
+    throw new Error('Fail')
+  })
+})
diff --git a/extension/src/panel/pages/$activeRouteId/clear-transactions.$newActiveRouteId/ClearTransactions.tsx b/extension/src/panel/pages/$activeRouteId/clear-transactions.$newActiveRouteId/ClearTransactions.tsx
new file mode 100644
index 000000000..4429198a2
--- /dev/null
+++ b/extension/src/panel/pages/$activeRouteId/clear-transactions.$newActiveRouteId/ClearTransactions.tsx
@@ -0,0 +1 @@
+export const ClearTransactions = () => null
diff --git a/extension/src/panel/pages/$activeRouteId/clear-transactions.$newActiveRouteId/index.tsx b/extension/src/panel/pages/$activeRouteId/clear-transactions.$newActiveRouteId/index.tsx
new file mode 100644
index 000000000..c30060118
--- /dev/null
+++ b/extension/src/panel/pages/$activeRouteId/clear-transactions.$newActiveRouteId/index.tsx
@@ -0,0 +1,6 @@
+import { ClearTransactions as Component } from './ClearTransactions'
+
+export const ClearTransactions = {
+  path: 'clear-transactions/:newActiveRouteId',
+  element: <Component />,
+}
diff --git a/extension/src/panel/pages/$activeRouteId/index.tsx b/extension/src/panel/pages/$activeRouteId/index.tsx
index 8e5f591d4..22cf9c6fa 100644
--- a/extension/src/panel/pages/$activeRouteId/index.tsx
+++ b/extension/src/panel/pages/$activeRouteId/index.tsx
@@ -1,5 +1,6 @@
 import { redirect, type RouteObject } from 'react-router'
 import { ActiveRoute as Component, loader } from './ActiveRoute'
+import { ClearTransactions } from './clear-transactions.$newActiveRouteId'
 import { Transactions } from './transactions'
 
 export const ActiveRoute: RouteObject = {
@@ -9,5 +10,6 @@ export const ActiveRoute: RouteObject = {
   children: [
     { path: '', loader: () => redirect('transactions') },
     Transactions,
+    ClearTransactions,
   ],
 }