list-definition.tsx

interface HogeListItemProps {
    title: string;
}

const HogeListItem: React.VFC<HogeListItemProps> = ({title}) => 
    <li>{title}</li>;

interface HogeListProps {
    children: ReactNode;
}

export const HogeList: React.VFC<HogeListProps> & {Item: typeof HogeListItem} = ({children}) => 
    <ul>{children}</ul>;

HogeList.Item = HogeListItem;