React - убрать оборачивание свойства компонента в другой объект

Question

В React (NextJS) пишу в [id].tsx:

export default function ArticleById() {
  let article={}
  return <ArticleBody article = { article }  />
}

В ArticleBody.tsx пишу:

export const ArticleBody = (article: Article) => {
  return (<div>{ JSON.stringify(article) }</div>
  )
}

Получаю {"article":{}}

Как получить просто {} ?

То есть вот тут что-то сделать, чтобы объект не оборачивался в ещё один объект?

return <ArticleBody article = { article } />