FullScreen: TS2769: No overload matches this call. Overload 1 of 2

As TkDodo mentioned, the typings are faulty. Since children isn't explicitly provided as a propType in the source package's FullScreen.js, you're not allowed to pass children.

The error goes away if you do:

<FullScreen onFullScreenChange={(isFullScreen) => console.log(isFullScreen)}              onFullScreenError={() => {}} /> 

Notice the /> at the end.

If you just did

<FullScreen> </FullScreen> 

Then react picks up an empty new line node, which causes an error since it gets picked up as a reactjs error child of FullScreen, but FullScreen isn't allowed to have children.

It seems like all FullScreen does is request fullscreen reactjs error for the whole document, in which case - could you just do

<> <FullScreen onFullScreenChange={(isFullScreen) => console.log(isFullScreen)}              onFullScreenError={() => {}} /> <div>my content here</div> </> 

i.e. keep your content outside of the FullScreen element. This way it should still allow for FullScreen.

However, if that doesn't work then I'd recommend going to the actual source and cloning its capabilities for your project. It's not a very complicated component to make (perhaps even more cleanly than the source).

The typings provided by this library seem to be faulty. Here is a TypeScript playground reproduction of your issue.

Looking at the code, the props defined for this component are missing something like: children?: React.ReactNode.

Generally, this doesn't seem like a library I would depend upon. Last code change was 3 years ago, typings are evidently inaccurate, examples use plain js class components etc. requestFullScreen is a native browser api that you can use together with refs without a third party library.

Alternatively, you can use something like patch-package to work around the issue by adding the missing children definition in your node_modules. Or, you create a PR to the repo and hope that it gets merged; or, you fork the repo and use your fork instead.