Cannot use Live Template for tag name

Hi!

I'm trying to insert Live Template prompt inside a File Template (with "Enable Live Templates" on).

Everything works fine until I try to prompt a tag name (using symbols '<') - then the output is completely broken..

Here's the template: 

const React = require('react');

export default class $NAME extends React.Component {
 render() {
  return (
   <#[[$section$]]#>
    #[[$END$]]#
   </#[[$section$]]#>
  );
 }
}

And the output:

const React = require('react');

export default class Test extends React.Component {
   render() {
      return (
         <$section $>
            
         </$section
   $>
   )
      ;
   }
}

I even tried surrounding '<' with #[[<]]# - no effect

Thanks