Update to the spreadsheet programmatically does not refresh cell contents

[rmrbytes]

I am using react-spreadsheet with Next.js and have the following code

import {Spreadsheet} from 'react-spreadsheet'

const Test = () => {
  let _ssdata = useRef([ ...]) // initial data that sets up the spreadsheet
  
  const _otherdata = {} // that will be retrieved


  const [data, setData] = useState[_ssdata.current] // to set the initial data
  
  const updateData = async() => {
      const _apidata = ... fetch
      ...
      .. update _ssdata
     _ssdata.current = ....
    setData(_ssdata.current)
  }

  return (
     <>
         <Spreadsheet data={data} onChange={setData} />
         <button onClick={updateData}>Update</button>
    </>
  }

export default Test

I find that on screen there is no change but when I place the cursor on the given cell its value appears. Are we supposed to do some refresh? Thanks