gridjs get Grid instance to change data programatically

gistfile1.js

import { Grid } from 'gridjs-react';
import { useRef } from "react";

const MyComponent = () => {
  const gridRef = useRef();

  const changeMyGrid = () => {
    const gridjsInstance = gridRef.current.getInstance();
    // update col names
    gridjsInstance.updateConfig({
      columns: ["First Name", "Last Name"],
    })
    // force render to make changes visible
    gridjsInstance.forceRender();
  }

  return (
    <div>
      <button onClick={changeMyGrid}>Switch To English</button>
      <Grid
        ref={gridRef}
        data={[
          ["Martin", "Meister"],
          ["Hans", "Ruedi"],
          ["Simone", "Johnson"],
        ]}
        columns={["Vorname", "Nachname"]}
        search={true}
      />
    </div>
  );
};

export default MyComponent;

Thanks for sharing it