Как использовать useGridApiContext вне сетки данных MUI

Question

Интересно, как я могу использовать useGridApiContext вне моей сетки данных в MUI.

У меня есть кнопка, которая используется для развертывания всех строк дерева данных, но мне нужно, чтобы она находилась где-то еще, а не в каких-либо компонентах сетки данных.

Как мне это сделать ?

На самом деле я использую пользовательскую панель инструментов, но я не хочу делать это таким образом.

                <DataGridPro
            rows={works}
            columns={columns}
            treeData
            getTreeDataPath={(row) => row.hierarchy}
            groupingColDef={{
              headerName: "grtgx",
              resizable: true,
              flex: 1,
              renderCell: (props) => <CustomGroupingRow props={props} />,
            }}
            components={{
              Footer: CustomFooter,
              Toolbar: CustomToolbar,
            }}
         />