Bug: React with Typescript => void / boolean is not assignable to type 'FC<{}'

import React from 'React';

const SomeComponent: React.FC = ({children}) => {}
      ^^^^^^^^^^^^^
Type '({ children }: { children?: ReactNode; }) => boolean' is not assignable to type 'FC<{}>'

React version: 16.12.0 Typescript version: 3.7.3 @types/react version: 16.9.19

Steps To Reproduce

1. Create new FC
2. Try to desctructure children

Link to code example:

https://codesandbox.io/s/objective-herschel-y0myn

The current behavior

Errors out on compile

The expected behavior

Should be able to destrcture children just find

[alexrili]

Were you able to solve this because I am currently having same issue

I was having the same problem, in my case are the file extension. instead of using “.tsx” I was using “.ts” soon as I fix the file extension the problem was solved.

[dexiouz]

Were you able to solve this because I am currently having same issue

I was having the same problem, in my case are the file extension. instead of using “.jsx” I was using “.ts” soon as I fix the file extension the problem was solved.

How, you were able to use “.jsx” on a typescript file? And it worked?

I misstype , I was trying to say “.tsx”

Alright that’s fine. Thanks for the heads up. I’ll give it a try when I reinitialise a new project.