content: /* eslint-disable jsx-a11y/anchor-is-valid */
  import React from 'react';
  import { MemoryRouter as Router } from 'react-router';
  import { Link as RouterLink } from 'react-router-dom';
  import Link from '@material-ui/core/Link';
  
  // required for react-router-dom < 6.0.0
  // see https://github.com/ReactTraining/react-router/issues/6056#issuecomment-435524678
  const AdapterLink = React.forwardRef((props, ref) => <RouterLink innerRef={ref} {...props} />);
  
  const CollisionLink = React.forwardRef((props, ref) => (
    <RouterLink innerRef={ref} to="/getting-started/installation/" {...props} />
  ));
  
  function LinkRouter() {
    return (
      <Router>
        <div>
          <Link component={RouterLink} to="/">
            Simple case
          </Link>
          <br />
          <Link component={AdapterLink} to="/">
            Ref forwarding
          </Link>
          <br />
          <Link component={CollisionLink}>Avoids props collision</Link>
        </div>
      </Router>
    );
  }
  
  export default LinkRouter;
  