I would like to use a MUI Link component as an Inertia.js Link. Is this possible?

[eslksw]

In order to keep design consistent and to avoid redundant styling specs, I wanted to use Inertia.js Link's as with Material UI's Link component, but it doesn't work (the browser complains that 'link' may not have any children). Is there any workaround? Thank you in advance!

[RobertBoes]

Wouldn't this approach work https://mui.com/material-ui/integrations/routing/#component-prop ?

So then you'd use it along these lines:

import Link from '@mui/material/Link';
import { Link as InertiaLink } from '@inertiajs/react';

<Link component={InertiaLink} href="/contact">
  Contact
</Link>

[eslksw]

Yup, that did it, thank you very much!