DropdownMenuTrigger / navigator.share()

[HeyMarcy]

Hello,
I'm creating a dropdown menu that contains links to share the page on social media.
If the user is on a mobile device, I want to use the Web Share API instead of the triggering the menu.
I'd prefer not to conditionally render either a button or DropdownMenuPrimative.Trigger.
Is there a prop or attribute i can leverage?
I've created a codesandbox if it's helpful:
https://codesandbox.io/s/admiring-tdd-kzs7vl?file=/src/App.js