How do you access a react object (or a Event Handler) from a chrome extension?

Question

I am coding a chrome extension for a website and I have a broblem:

I am trying to get a value form a html object that I can clearly see in devtools. I found a method to get the object but it only works in console as the website uses react. What I am trying to get is labeled as "__reactInternalInstance$4bq6tmt9m1c" here is a full picture of what I see. This is the function that works only in the console and is able to return the correct object:

function getData() {
  return Object.values(document.querySelector('#app > div > div'))[1].children[1]._owner;
};

I do not know if it is possible to access this using a chrome extension but please let me know.

I tried to find a alternate way to get this information but it is locked behind react.