In my react component I have added video tag like:

```
<video controls ref="video">
  <source src="VIDEO SOURCE" type="video/mp4" />
</video>

```

And I have added play button like:

```
<button onClick={() => {this.refs.video.play()}}>Play Button</button>

```

This code is working for single video when using `ref`

But i have multiple video in one page so 

How to use multiple ref in loop?
['https://Stackoverflow.com/questions/59944235', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/4316024/']
```js
export default configureStore({
  reducer: {
   \\Put your reducers here
  },
  middleware:getDefaultMiddleware({
    \\this way you don't remove the middlewares
    serializableCheck:false,
  }),
});

```
I faced the same issue.
This is how had configured my store.

```
export default configureStore({
    reducer: {
      vehicles: vehicleReducer,
    },
    middleware: [...getDefaultMiddleware(), apiMiddleware],
});

```

Once I got rid of `getDefaultMiddleware`, the error was gone for me.