sharing via facebook messenger doesn't work on mobile devices

I implemented the facebook messenger share button as follows :

<FacebookMessengerShareButton
            url={"https://www.google.com"}
            title={"please click me"}
            appId="521270401588372"
          >
            <FacebookMessengerIcon size={64} round />
          </FacebookMessengerShareButton>

and tried it with different mobile devices. It always gives the following error :

This dialog is not available on this device

Also i think it’s safe to say to assume that since the component’s name is FacebookMessengerShareButton the messenger app will open on your mobile device and if you’re on browser then the normal facebook site will open. Instead when clicking on the button with a mobile device a new page will open with the facebook mobile version. I couldn’t find any open issue about this, so is this a bug or the expected behavior ?

[achraf-boussaada]

It would be great if they can integrate some sort of device detection, to check if the user is using the mobile or the web version and accordingly display the right component.

[bfintal]

@stiwwelll Yes it works in Chrome iOS in mine. Here’s what I have which is only shown in mobile:

<button className="react-share__ShareButton" style={ { background: '#3885f7' } }
	onClick={ () => {
		window.location.href =
			'fb-messenger://share?link=' +
			encodeURIComponent( `https://myurl` ) +
			'&app_id=' +
			encodeURIComponent( 123123123 )
	} }
>
	<FacebookMessengerIcon size={ 24 } bgStyle={{ fill: 'none' }} />
</button>