const span = [...document.querySelectorAll('span')]; span.forEach(function (span) { if (span.className.indexOf('unwanted-span') !== -1) { span.parentNode.removeChild(span); } }); I have just seen that you want to remove just the data-tag, there are many ways to do that. The above is a function that will let you do anything with the 'unwanted' spans.

There are many ways. You can change this function to a react class and set the state, you can also use react hooks within this function or you can install redux and react-redux and send what you need to the redux store. Or simply pass the props to the child component

Just a huge thanks for creating Stack Overflow

Is Microsoft releasing a browser version based on Chromium?

Seems like there is no value 'name' in the response. try to console.log(response) from axios and see what it actually returns