diff --git a/src/renderer/context/list-context.tsx b/src/renderer/context/list-context.tsx
new file mode 100644
index 00000000..ad6870ec
--- /dev/null
+++ b/src/renderer/context/list-context.tsx
@@ -0,0 +1,19 @@
+import { createContext, useContext } from 'react';
+import { ListKey } from '/@/renderer/store';
+import { Play } from '/@/renderer/types';
+
+interface ListContextProps {
+    customFilters?: Record<string, unknown>;
+    handlePlay?: (args: { initialSongId?: string; playType: Play }) => void;
+    id?: string;
+    pageKey: ListKey;
+}
+
+export const ListContext = createContext<ListContextProps>({
+    pageKey: '',
+});
+
+export const useListContext = () => {
+    const ctxValue = useContext(ListContext);
+    return ctxValue;
+};