TypeScript error: Property 'children' does not exist on type 'ReactNode'

Question

export const PageViewTracker = ({ children }: ReactNode): ReactElement => {

    usePageView();

    return children;
};

Problem:

This function returns error »Property 'children' does not exist on type 'ReactNode'«

My approach to solution:

I tried out several types but only any works which is not what I want. Usually I used ReactNode for children props and it worked fine. In this case TypeScript seems to have issues.

Answer 1

You can simply write it like this:

export const PageViewTracker = ({ children }: {children: ReactNode}): ReactElement => {

    usePageView();

    return children;
};

Note that I change ({ children }: ReactNode) to ({ children }: {children: ReactNode})