Я прочитал некоторые из документации мопса. Он сказал, что я должен сначала установить мопса, и я уже сделал это. тогда я должен требовать мопса в моем файле JS. но я не знаю, где написать компиляцию для файла мопса в моих файлах реакции? Как правильно использовать мопса в рамках реагирования? Спасибо! Я действительно ценю любую помощь. Вот один из моих компонентов в реакции, который я хотел бы сделать с помощью мопса.

 import React from 'react';
 import Sidebar from './Sidebar';
 import Header from './header/Header';
 import {tokenverify} from '../../utils/helpers';
 import pug from 'pug';

 class Home extends React.Component {
   componentDidMount() {
     const token = localStorage.getItem('token')
     tokenverify(token)
     .catch((res) => {
       this.props.history.push('/')
     })
   }

   render() {
     return(
       <div className="main-container">
         <div className="col-md-1">
           <Sidebar history={this.props.history} username={this.props.params.username}/>
         </div>
         <div className="col-md-11">
           <div className="row">
             <Header history={this.props.history} username={this.props.params.username} />
           </div>
           <div className="row">
             {this.props.children}
           </div>
         </div>
       </div>
     )
   }
 }

 export default Home