Bug Report: AppBarNavigation incompatible with Links that don't use the to props

[pat-encoura]

Describe the bug
The navigationItems props expects an array of items with a LinkProps objects containing a to field. The problem is that my Link component uses an href prop. Using that in LinkProps produces the following TS error:

Types of property 'LinkProps' are incompatible. Property 'to' is missing in type '{ href: string; }' but required in type '{ to: string; }'.

And my navigationItems array looks like:

  const navigationItems = [
    {
      isActive: ROUTES.INDEX === activeRoute,
      LinkComponent: Link,
      LinkProps: {
        href: ROUTES.INDEX,
      },
      title: 'Home',
    },
  ];

My Link component's href prop is extended directly from @mui/material/Link's LinkProps.

To Reproduce
Pass in a LinkComponent that uses any prop other than to for its href value.

Expected behavior
The AppBarNavigation component should not produce a TS error when a Link component uses a non-to prop. Ideally, it should not be prescriptive about the Link component's API at all (either through leveraging generics, accepting React elements directly w/ props set by the library consumer, or some other method).