Property 'children' does not exist on type '{}'

Question

I'm having a typescript error. It says that 'children' does not exist on type '{}' even though this syntax works on my other projects.

Answer 1

I'm guessing this new app is on React 18.

React 18 removed children from the FC type. If you want it back you need to add it to the props yourself.

const Foo: React.FC<{ children: React.ReactNode }> = ({ children }) => <>{children}</>

Or preferably, don't use the FC type at all:

interface Props {
    children: React.ReactNode
}

function Foo({ children }: Props) {
    return<>{children}</>
}