如何在NextJS中呈现组件，而不是页面？

import React from 'react';

const Button = ({ text }) => {
  return <button>{text}</button>;
};

export default Button;

import React from 'react';
import Button from '../components/Button';

const HomePage = () => {
  return (
    <div>
      <h1>Welcome to Next.js</h1>
      <Button text="Click me" />
    </div>
  );
};

export default HomePage;