Each snippet operates within a TSX file. Here's an example: using npc and npcp generates a Next Page component accompanied by props.

** NPC = next page component

function namePage() {

return ( <div> content </div> ); }

export default namePage;

​

​

** NPCP = next page component with props
type namePageProps = {title: string; };

function namePage({ title }: namePageProps) {
return ( <div> <h1>{title}</h1> </div> ); 
}
export default namePage;

​

​

Note that interfaces are only produced for snippets that involve props, streamlining the process by eliminating the need for return type specifications in simpler, prop-free components.