Боковая панель-меню-бургер не показывает

Question

Я новичок в React, и я работаю с существующим проектом, который мне нужно изменить.
Мне нужно добавить боковую панель, и после этого урока Я просто создалкомпонент MySidebar таким образом:

import React from "react";
import {slide as Menu } from 'react-burger-menu'

export class MySidebar extends React.Component {


  constructor(props) {
    super(props);
  }

  render() {


    return (
        <Menu>
            <a id="Project1">Project 1</a>
            <a id="Project2">Project 2</a>
            <a id="Project3">Project 3</a>
        </Menu>
    );
  }
}

Тогда в App.js у меня есть это:

render() {
      return (
        <div className="App">
         <MySidebar 
      isOpen={true}
      disableCloseOnEsc= {true}
      style={{
          'position': 'fixed',
          'left': '0px',
          'width': '30px',
          'height': '100%',
          'display':'inline-block'
        }}>
        </MySidebar>
          <Particles
            params={{
              "particles": {
                "number": {
                  "value": 100
                },
                "size": {
                  "value": 3
                }
              }
            }}
          </Particles>
          <ProjectSliderComponent projectListId={this.state.projectList}></ProjectSliderComponent>
        </div>
      );
  }

Particles - это класс для фона, а ProjectSliderComponent - этосодержание главной страницы.MySidebar не отображается;где я могу найти ошибку?Я в замешательстве