Попытка имитировать пустую страницу при использовании response-admin, но z-index не перекрывает div над меню / боковой панелью

Я использую response-admin, у которого есть боковая панель и строка меню. Для одного из добавленных мной маршрутов я хочу, чтобы он отображал чистый пустой белый экран, без строки меню или боковой панели, чистый пустой. Мне нужно, чтобы страница была пустой, потому что позже я добавлю к ней компонент, который я буду использовать iframe для отображения этого компонента в другом приложении, но мне нужен компонент, чтобы иметь доступ к хранилищу администратора.

Если есть другой вариант, кроме iframe, я мог бы установить позиционирование так, чтобы он начинался с заданной точки и заканчивался в заданной точке, которая была бы предпочтительнее

Я установил собственный маршрут для / blank для рендеринга моего пустого компонента, который представляет собой просто div со свойствами css position: absolute, top: 0, left: 0, height: 100%, width: 100%, z-index: - 1, но боковая панель и строка меню все еще перекрывают его, независимо от того, насколько отрицательным я установил z-index

в blank.js

import { withStyles } from '@material-ui/core';

const styles = {
    blank: {
        zIndex: -1,
        left: 0,
        top: 0,
        height: '100%',
        width: '100%',
        backgroundColor: 'white',
        position: 'absolute',
    }
};

const blank = ({ classes }) => (
    <div className={classes.blank} />
)

export default withStyles(styles)(blank);

в customRoutes.js

<Route exact path="/blank" component={blank} />

боковая панель и строка меню по-прежнему отображаются над пустым компонентом, независимо от того, насколько отрицательным я установил z-index пустого компонента