Can I keep pug template in separate file?

Like this:

MyComponent/
    MyComponent.pug
    MyComponent.styl
    MyComponent.js

MyComponent.pug:

div(class=`${styles.container}`)
    p
        = this.state.text

MyComponent.js:

import React from 'react';
import styles from './MyComponent.styl';
import template from './MyComponent.pug'; // raw text loader

class MyComponent extends React.Component {
  render() {
    return pug`${template}`;
  }
}

[ForbesLindesay]

Ooops, it looks like I created a react-pug team, and added you to it, but forgot to add the repository. Should be fixed now 😃

[SilencerWeb]

@mars-abd you can use this plugin https://github.com/bluewings/pug-as-jsx-loader/blob/master/README.md#import-pug-template