1 files changed, 21 insertions, 0 deletions
diff --git a/extension/react-app/src/redux/hooks.ts b/extension/react-app/src/redux/hooks.ts
new file mode 100644
index 00000000..a6aef869
--- /dev/null
+++ b/extension/react-app/src/redux/hooks.ts
@@ -0,0 +1,21 @@
+import { useCallback } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import { RootStore } from "./store";
+import { selectDebugContextValue } from "./selectors/debugContextSelectors";
+import { updateValue } from "./slices/debugContexSlice";
+import { SerializedDebugContext } from "../../../src/client";
+
+export function useDebugContextValue(
+  key: keyof SerializedDebugContext,
+  defaultValue: any
+): [any, (value: any) => void] {
+  const dispatch = useDispatch();
+  const state =
+    useSelector((state: RootStore) => selectDebugContextValue(state, key)) ||
+    defaultValue;
+  const boundAction = useCallback(
+    (value: any) => dispatch(updateValue({ key, value })),
+    [dispatch, key]
+  );
+  return [state, boundAction];
+}