useTransition map index order is wrong sometimes

[acerola1]

I have a weird problem. I spent a day on it. I think it is an error in version 8.0.27
I created a relatively simple example from my production code. I created a table where I can delete columns. I use grid layout, so the order of the columns based on the map index of the transition.
If I click on the first column (0) it supposed to fade away and deleted. Now it changes position with the second column and fade there.

https://codesandbox.io/s/magical-spence-pj6fw?file=/src/App.js

import React from "react";
import { animated, useTransition } from "react-spring";
import * as _ from "lodash";
import "./styles.css";

export default function App() {
  const [data, setData] = React.useState({
    columns: [
      {
        macAddress: "0",
        key: "9mk2ga"
      },
      {
        macAddress: "1",
        key: "b4lmz"
      },
      {
        macAddress: "2",
        key: "efodk"
      }
    ]
  });

  const columnTransition = useTransition(
    data.columns, //_.clone(data.columns),
    col => col.key,
    {
      from: { opacity: 0 },
      enter: { opacity: 1 },
      leave: { opacity: 0 }
    }
  );

  const onDelete = index => {
    const newData = _.clone(data);
    newData.columns.splice(index, 1);
    setData(newData);
  };

  return (
    <div className="App">
      <div
        id="cpd-table"
        style={{
          display: "grid",
          gridTemplateColumns: `70px 70px 70px`
        }}
      >
        {columnTransition.map(({ item, key, props }, index) => (
          <animated.div
            key={key}
            style={{ gridRow: 1, gridColumn: index + 1, ...props }}
            onClick={() => onDelete(index)}
          >
            {item.macAddress}
          </animated.div>
        ))}
      </div>
    </div>
  );
}

Now I can fix the example a couple of ways:

1. It works with 9.0.0-beta.1
2. If I use a plain array in data instead of object
3. if I clone data.columns in useTransition (it is a variation of 2. case)

I'm a little clueless how can I fix the production code. Cloning is a little hard to comprehend in a complex object. Can I switch to beta code and which version? I use react-spring extensively. I have to re-test everything. Is there a chance to fix this problem in version 8?