Вопрос React-xml-viewer отказывается работать

npm i react-xml-viewer --force

import React from "react";
import ReactDOM from "react-dom";
import XMLViewer from "react-xml-viewer";

const xml =
  '<?xml version="1.0"?><colors><color name="red"><r>255</r><g>0</g><b>0</b></color><color name="green"><r>0</r><g>255</g><b>0</b></color><color name="blue"><r>0</r><g>0</g><b>255</b></color></colors>';
const customTheme = {
  attributeKeyColor: "#0074D9",
  attributeValueColor: "#2ECC40"
};

function App() {
  return (
    <div>
      <XMLViewer xml={xml} theme={customTheme} />
    </div>
  );
}

export default App;

Module not found: Error: Can't resolve 'stream' in '...node_modules/react-xml-viewer/dist'
BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "stream": require.resolve("stream-browserify") }'
        - install 'stream-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "stream": false }

npm i react-xml-viewer@2.0.0

import React, { useState } from "react";
import axios from "axios";
import XMLViewer from "react-xml-viewer";

function App() {
  const [xml, setXML] = useState({});

  axios
    .get(
      "https://uhf.microsoft.com/en-US/shell/xml/MSIrelandsFuture?headerId=MSIrelandsFutureHeader&footerid=MSIrelandsFutureFooter",
      {
        "Content-Type": "application/xml; charset=utf-8",
      }
    )
    .then((response) => {
      console.log("Your xml file as string", response.data);
      setXML(response.data);
    });

  return (
    <div>
      <XMLViewer xml={xml} />
    </div>
  );
}

export default App;