text: import React from 'react';
  import ReactDOM from 'react-dom';
  import './index.css';
  import 'antd/dist/antd.css';
  import App from './components/App';
  import HuntMonsters from './components/HuntMonster/HuntMonster'
  import reportWebVitals from './reportWebVitals';
  
  
  ReactDOM.render(
    <React.StrictMode>
      <App/>
    </React.StrictMode>,
    document.getElementById('root')
  );
  
  
  
  
  
  // ReactDOM.render(
  //   <Layout>
  //     <Header style={{ position: 'fixed', zIndex: 1, width: '100%' }}>
  //       <div className="logo" />
  //       <Menu theme="dark" mode="horizontal" defaultSelectedKeys={['2']}>
  //         <Menu.Item key="1">nav 1</Menu.Item>
  //         <Menu.Item key="2">nav 2</Menu.Item>
  //         <Menu.Item key="3">nav 3</Menu.Item>
  //       </Menu>
  //     </Header>
  //     <Content className="site-layout" style={{ padding: '0 50px', marginTop: 64 }}>
  //       {/* <Breadcrumb style={{ margin: '16px 0' }}>
  //         <Breadcrumb.Item>Home</Breadcrumb.Item>
  //         <Breadcrumb.Item>List</Breadcrumb.Item>
  //         <Breadcrumb.Item>App</Breadcrumb.Item>
  //       </Breadcrumb> */}
  //        {/* <App /> */}
  //       <div className="site-layout-background" style={{ padding: 24, minHeight: 380 }}>
  //         Content
  //       </div>
  //     </Content>
  //     <Footer style={{ textAlign: 'center' }}>Ant Design ©2018 Created by Ant UED</Footer>
  //   </Layout>,
  //   document.getElementById('root')
  // );
  
  // If you want to start measuring performance in your app, pass a function
  // to log results (for example: reportWebVitals(console.log))
  // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
  reportWebVitals();