reactjs - React med Typescript | Funktionell komponent | Typen 'boolean' kan inte tilldelas typen 'ReactElement'

Jag har satt upp ett projekt som använder TypeScript med React. Så jag gick vidare och skapade en Layout-komponent som använder children-propen. Detta är min nuvarande kod:

import React from 'react';

type LayoutProps = {
    children: React.ReactNode
}

const Layout: React.FC<LayoutProps> = ({children}) => (
    <>
        {children}
    </>
)

export default Layout;

Av någon anledning får jag felet som nämns i titeln.

Type 'boolean' is not assignable to type 'ReactElement<any, any>'.

Jag har sökt runt lite och är fortfarande osäker på varför jag skulle få detta fel. Jag bör också nämna att detta är ett NextJS-projekt. När NextJS försöker kompilera koden får jag detta fel:

Svar #1

Problemet verkade vara att Typescript inte förstod att detta var JSX. Som Robert Kawecki föreslog, löste det problemet att ändra från en .ts-fil till en .tsx-fil!