Get React state of ChatGPT from React Dev Tools

getMessagesWithReactDevTools.js

(function() {
  const getMessagesWithReactDevTools = () => {
    const messages = [];

    function traverseComponentTree(fiberNode) {
      let parts = fiberNode.memoizedProps?.parts;
      if (Array.isArray(parts)) {
        // console.log(fiberNode, parts);
        if (typeof parts[0] === 'string') {
          messages.push(parts.join(''));
        }
      }

      let child = fiberNode.child;
      while (child) {
        traverseComponentTree(child);
        child = child.sibling;
      }
    }

    const devtools = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
    const rootFiber = devtools?.getFiberRoots(1)?.values()?.next()?.value
      ?.current;

    if (rootFiber) {
      traverseComponentTree(rootFiber);
    } else {
      console.error('No root fiber found');
    }

    return messages;
  }
  const messages = getMessagesWithReactDevTools();
  console.log(messages);
})()