为什么我不能在jpanel中添加按钮和渲染，它们是重叠的？

import javax.swing.*;
import java.awt.*;

public class MyPanel extends JPanel {
    public MyPanel() {
        setLayout(new BorderLayout()); // 使用BorderLayout布局管理器

        JButton button = new JButton("按钮");
        add(button, BorderLayout.NORTH); // 将按钮添加到北部

        // 创建一个自定义的渲染组件
        MyRenderComponent renderComponent = new MyRenderComponent();
        add(renderComponent, BorderLayout.CENTER); // 将渲染组件添加到中部
    }

    // 自定义渲染组件
    private class MyRenderComponent extends JComponent {
        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            // 在这里进行渲染操作
        }
    }

    public static void main(String[] args) {
        JFrame frame = new JFrame("示例");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(400, 300);

        MyPanel panel = new MyPanel();
        frame.add(panel);

        frame.setVisible(true);
    }
}