getReduxStore, react v18

getReduxStore.js

// Traverse a dom element
const stores = new Set();
const traverse = (element) => {
  let store =
      element?.memoizedState?.element?.props?.store
      || element?.pendingProps?.store
      || element?.stateNode?.store;

  if (store) {
    stores.add(store);
  }

  if (element.child) {
    traverse(element.child);
  }
};

// Find the root element for React
const reactRoot = Array.from(document.querySelectorAll("*[id]")).find((el) => el?._reactRootContainer?._internalRoot?.current);

const internalRoot = reactRoot._reactRootContainer._internalRoot.current;

console.log(internalRoot);

// Traverse the root react element to find all Redux States in the app
traverse(internalRoot);


[...stores].forEach((store) => console.log(store.getState()))