Any way to workaround that css grid doesn't ignore <object> tags? : I have a grid that distributes elements in rows of 4, something like this

```html
<div class="grid">
 <div>el1</div>
 <div>el2</div>
 <div>el3</div>
 <div>el4</div>
 <div>el5</div>
 <div>el6</div>
 <div>el7</div>
 <div>el8</div>
 <div>el9</div>
 <div>el10</div>
 <div>el11</div>
 <div>el12</div>
</div>
```

So I would have a table of 3 rows of 4 elements each one

```css
.grid {
 display: grid;
 grid-template-columns: repeat(8,auto);
}
```

I create this grid with a `map()` function in `React`, with a function like this

```js
Table.info = () => (
  <>
    <div>el1</div>
    <div>el2</div>
    <div>el3</div>
    <div>el4</div>

    {myarray.map((el, i) => (
      <>
        <div>{el.name}</div>
        <div>{el.name}</div>
        <div>{el.name}</div>
        <div>{el.name}</div>
      </>
    ))}
  </>
)
```

But as expected, I get the warning to include a key
The problem is that to do so I need to use the `<object>` tag, but this tag is seen by `css-grid` destroying the alignment

```js
Table.info = () => (
  <>
    <div>el1</div>
    <div>el2</div>
    <div>el3</div>
    <div>el4</div>

    {myarray.map((el, i) => (
      <object key={'table'+i}>
        <div>{el.name}</div>
        <div>{el.name}</div>
        <div>{el.name}</div>
        <div>{el.name}</div>
      </object >
    ))}
  </>
)
```

```html
<div class="grid">
 <div>el1</div>
 <div>el2</div>
 <div>el3</div>
 <div>el4</div>
 <object>
  <div>el5</div>
  <div>el6</div>
  <div>el7</div>
  <div>el8</div>
 </object>
 <object>
  <div>el9</div>
  <div>el10</div>
  <div>el11</div>
  <div>el12</div>
 </object>
</div>
```

How could I workaround this, preferably keeping the use of `grid`?