title: Unable to use Ant design's Drawer in react app
body: <p>I am trying to incorporate Ant Design's <code>Drawer</code> component in my React App but for some reason I can't get the Drawer to open or even appear in the source code upon inspecting the page. I am able to use it in another project and I noticed in the <code>package.json</code> file for the other project I had <code>"antd": "^4.2.5"</code> whereas in my current <code>package.json</code> I had <code>"antd": "^4.3.2"</code>. However, upon changing the version I ran into the same issue. Then I literally just copied the code from the other project into my current one to no avail. I have deleted <code>node_modules</code>, I re-ran <code>npm install</code>, At this point I am just trying to render the basic <code>Drawer</code> example provided by Ant Design but it's not rendering at all. </p>
  
  <p>Here is my <code>package.json</code> file.</p>
  
  <pre><code>{
    "name": "my-app",
    "version": "0.1.0",
    "private": true,
    "dependencies": {
      "@testing-library/jest-dom": "^4.2.4",
      "@testing-library/react": "^9.3.2",
      "@testing-library/user-event": "^7.1.2",
      "antd": "^4.3.2",
      "react": "^16.13.1",
      "react-dom": "^16.13.1",
      "react-scripts": "3.4.1"
    },
    "scripts": {
      "start": "react-scripts start",
      "build": "react-scripts build",
      "test": "react-scripts test",
      "eject": "react-scripts eject"
    },
    "eslintConfig": {
      "extends": "react-app"
    },
    "browserslist": {
      "production": [
        "&gt;0.2%",
        "not dead",
        "not op_mini all"
      ],
      "development": [
        "last 1 chrome version",
        "last 1 firefox version",
        "last 1 safari version"
      ]
    }
  }
  </code></pre>
  
  <p>And here is my <code>App</code> Component. I also removed any reference to other components and style sheets aside from Ant Design's CSS.</p>
  
  <pre><code>import React from 'react';
  import {Drawer} from 'antd';
  import "antd/dist/antd.css";
  
  function App() {
  
    return (
      &lt;div className="App"&gt;
        &lt;Drawer
          title="Basic Drawer"
          placement="right"
          closable={false}
          onClose={()=&gt;console.log('bruh')}
          visible={true}
        &gt;
          &lt;p&gt;Some contents...&lt;/p&gt;
          &lt;p&gt;Some contents...&lt;/p&gt;
          &lt;p&gt;Some contents...&lt;/p&gt;
        &lt;/Drawer&gt;
        &lt;h1&gt;React App&lt;/h1&gt;
      &lt;/div&gt;
    );
  }
  
  export default App;
  
  </code></pre>
  
  <p>I can incorporate something else in the meantime but I am at a loss as to why it isn't rendering. I am also getting no errors in the console or in my terminal.</p>