function useReactGridAPI(id: string): ReactGridAPI | undefined {
  return useReactGridStoreApi(id, (store: ReactGridStore) => {
    return {
      // Setters
      setSelectedArea: (range: NumericalRange) => {
        return store.setSelectedArea(range);
      },
      setFocusedCell: ({ rowIndex, colIndex }: IndexedLocation) => {
        const cell = store.getCellByIndexes(rowIndex, colIndex);
 
        if (devEnvironment && !cell) {
          console.warn(`Cell with rowIdx "${rowIndex}" and colIdx "${colIndex}" does not exist.`);
        }
 
        return store.setFocusedLocation(rowIndex, colIndex);
      },
      setSelectedColumns: (startColIdx: number, endColIdx: number) => {
        return store.setSelectedColumns(startColIdx, endColIdx);
      },
      setSelectedRows: (startRowIdx: number, endRowIdx: number) => {
        return store.setSelectedRows(startRowIdx, endRowIdx);
      },
 
      // Getters
      getFocusedCell: store.getFocusedCell,
      getCellByIndexes: store.getCellByIndexes,
      getCellOrSpanMemberByIndexes: store.getCellOrSpanMemberByIndexes,
      getPaneRanges: store.getPaneRanges,
      getCellsLookup: store.getCellsLookup,
      getSelectedArea: store.getSelectedArea,
      getRows: () => store.rows,
      getColumns: () => store.columns,
    };
  });
}