rnc-spreadsheet-2.ts

// Option 1 - With useSpreadsheetState hook
// Calculator has to expose the following functions
/*
getPrecedents,
getPrecedentsFromFormulaString,
getDependents,
getGraphNodes,
*/

export const Spreadsheet = () => {

  const { onChange, onFill } = useSpreadsheetState({
    disableCalculation: true,
  })
  
  return (
    <CanvasGrid
      onChange={(sheetId, cell, value) => {
        // Update local state
        onChange()
        
        // Send this value to hyperformula
        
      })
      
      onFill={(sheetId, cell, value) => {
        // Update local state
        onFill()
        
        // Send this value to hyperformula
        
      })
    />
  )
}

// Option 2
Completely headless and your own state management