navigator.share is not always a function

[roebuk]

Bug Report

navigator.share is undefined is many browsers, yet TypeScript reports it as "the function is always defined"

🔎 Search Terms

navigator.share
share

🕗 Version & Regression Information

Version 4.1.5 & Nightly

⏯ Playground Link

https://www.typescriptlang.org/play?#code/JYMwBAFAdghgbsA5jALgewE4DoDOALGDAUwEowBvAWACgw6wBjNKHNAGyKzbUQgHIAKniJhYKYHBH5CIkEVQBXYmGA4VAWwAOHdUSgoiAEz4kA3DQC+YImxwiqtekxbtO3XoOGjUEqQWVyisqqomgoGtpEuvpGJubUFkA

💻 Code

if (navigator.share) {
    console.log('The native share feature is implemented');
} else {
    console.log('The native share feature is not implemented');
}

🙁 Actual behavior

TypeScript reports it as "the function is always defined"

🙂 Expected behavior

If should report navigator.share as maybe being present.

[MartinJohns]

I'm surprised this definition is provided in the first place, given that it's only specified in a draft specification and only two browsers support it (Edge and Safari, not even Chrome or Firefox).

[IllusionMH]

There is ton of definitions from Edge Web IDLs so I think this definition is one from Edge.

[IllusionMH]

Apparently no - it's not from Edge.

microsoft/TypeScript-DOM-lib-generator#837
#18642

And related to microsoft/TypeScript-DOM-lib-generator#957

[pridemusvaire]

I have a workaround for now., set a state variable that I update when the component loads

const [canShare, setCanShare] = React.useState<any | undefined>(undefined);
useEffect(()=> {setCanShare(navigator.share)}, [])

[rizadh]

Ran into the same issue. Discovered that using navigator['share'] instead also works around the Typescript error, at least with my installed version of TypeScript 4.5.3.

[jnastaskin]

Ran into the same issue. Discovered that using navigator['share'] instead also works around the Typescript error, at least with my installed version of TypeScript 4.5.3.

This worked for me thank you!!

[gettersgetmore]

or 'share' in navigator