Column is not re-rendered when width is changed from outside AFTER it was resized by drag-and-drop

import "./styles.css";

import "react-data-grid/lib/styles.css";
import DataGrid from "react-data-grid";
import { useMemo, useState } from "react";

export default function App() {
  const [w, setW] = useState(200);

  const columns = useMemo(
    () => [
      { key: "id", name: "ID", resizable: true },
      { key: "title", name: "Title", width: w, resizable: true }
    ],
    [w]
  );

  const rows = useMemo(
    () => [
      { id: 0, title: "Example " + w },
      { id: 1, title: "Demo" }
    ],
    [w]
  );

  return (
    <>
      <DataGrid columns={columns} rows={rows} />
      <button onClick={() => setW(100)}>Set width to 100</button>
    </>
  );
}