NullPointerException при добавлении объекта в ArrayList

public class Main {
    public static void main(String[] args) {
        Gui gui = new Gui("Морской бой");
    }
}

import javax.swing.*;
import java.util.ArrayList;
 
public class Gui extends JFrame {
    int i;
    ArrayList<Button> buttonsList;
    JFrame gui = new JFrame();
    Button but;
    int xGrid;
 
    public Gui(String title){
        super(title);
        defaultOperation();
        paintCells(10, 10, 20, 20);
        setVisible(true);
    }
 
    private void paintCells(int xLoc, int yLoc, int xSiz, int ySiz){
        int xLocM = xLoc;
        while (i < 100){
            but = new Button();
            but.setLocation(xLocM, yLoc);
            but.setSize(xSiz, ySiz);
            buttonsList.add(but);                             //Вот тут выдаёт ошибку
            add(but);
            i++;
            if (xGrid < 9){
                xLocM = xLoc + (xSiz * (xGrid + 1));
                xGrid++;
            } else{
                yLoc = yLoc + ySiz;
                xGrid = 0;
                xLocM = xLoc;
            }
 
        }
    }
 
    public void defaultOperation(){
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setSize(400, 400);
        setLocationRelativeTo(null);
        setResizable(false);
        setLayout(null);
    }
}