How to hide a specific slide?

Depending the value of some variables, our slider should show only some slides, but I shouldn't filter before pushing to the list, but I keep getting a empty space
.
Just a example:
```
var items= [];
this.state.oItems.map(oItem => {
items.push(


);
});
return(
<>

{items}


);
```

Some cases _ShouldShow_ will return

and others will return **only null**
This works with cards that are not in but in slider, even when returning null, this div is created without childs:
``
Even is showing an empty space but i expect no space at all.

render of ShouldShow:
```
public render(): JSX.Element {
if (this.state.canView) {
return (

);
} else {
return (null);
}
}
```