Better way to add types to props in a functional component in NextJS Typescript project

Question

I want to add types when there are multiple props. For ex:

export default function Posts({ source, frontMatter }) {
...
}

One way I found is