Updated errors from react router upgrade

Author: Eric Olkowski

packages/react-integration/cypress/integration/label.spec.ts

@@ -36,12 +36,4 @@ describe('Label Demo Test', () => {
       cy.wrap(noTooltipLinkMaxWidth).trigger('mouseleave');
     });
   });
-
-  it('Verify router link label', () => {
-    cy.get('#router-link > .pf-v6-c-label__content').then((routerTooltipLink: JQuery<HTMLDivElement>) => {
-      cy.get('.pf-v6-c-tooltip').should('not.exist');
-      cy.wrap(routerTooltipLink).trigger('mouseenter').get('.pf-v6-c-tooltip').should('exist');
-    });
-    cy.get('#router-link > a').invoke('attr', 'href').should('eq', '/');
-  });
 });

packages/react-integration/demo-app-ts/src/App.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BrowserRouter as Router, Route, Link, Switch } from 'react-router-dom';
+import { BrowserRouter as Router, Route, Link, Routes } from 'react-router-dom';
 import { Avatar } from '@patternfly/react-core/dist/esm/components/Avatar';
 import { Brand } from '@patternfly/react-core/dist/esm/components/Brand';
 import {
@@ -63,28 +63,28 @@ class App extends React.Component<{}, AppState> {
   private getPages = () => {
     const defaultDemo = Demos.find((demo) => demo.isDefault);
     return (
-      <Switch>
+      <Routes>
         {Demos.map((demo) => (
           <Route
             path={`/${demo.id}-nav-link`}
-            render={() => (
+            element={
               <PageSection id={`/${demo.id}-page-section`}>{React.createElement(demo.componentType)}</PageSection>
-            )}
+            }
             key={demo.id}
           />
         ))}
         {defaultDemo ? (
           <Route
             path="/"
-            render={() => (
+            element={
               <PageSection id={`/${defaultDemo.id}-page-section`}>
                 {React.createElement(defaultDemo.componentType)}
               </PageSection>
-            )}
+            }
             key={defaultDemo.id}
           />
         ) : null}
-      </Switch>
+      </Routes>
     );
   };
 

packages/react-integration/demo-app-ts/src/components/demos/LabelDemo/LabelDemo.tsx

@@ -1,7 +1,6 @@
 import { Label } from '@patternfly/react-core';
 import { Component } from 'react';
 import InfoCircleIcon from '@patternfly/react-icons/dist/esm/icons/info-circle-icon';
-import { Link } from 'react-router-dom';
 
 export class LabelDemo extends Component {
   componentDidMount() {
@@ -57,19 +56,6 @@ export class LabelDemo extends Component {
         <Label id="overflow-label" variant="overflow">
           Overflow label
         </Label>
-        <Label
-          id="router-link"
-          color="blue"
-          icon={<InfoCircleIcon />}
-          textMaxWidth="100px"
-          render={({ className, content, componentRef }) => (
-            <Link to="/" className={className} innerRef={componentRef}>
-              {content}
-            </Link>
-          )}
-        >
-          Blue label fake router link with icon that overflows
-        </Label>
         <Label
           color="blue"
           isEditable