React function component live template for IntelliJ/WebStorm

gistfile1.txt

import React from 'react';

export interface $TM_FILENAME_BASE$Props {

}

const $TM_FILENAME_BASE$: React.FC<$TM_FILENAME_BASE$Props> = props => {
  return (
    <>
      $END$
    </>
  );
};

export default $TM_FILENAME_BASE$;

template.xml

<template name="fc" value="import React from 'react';&#10;&#10;export interface $TM_FILENAME_BASE$Props {&#10;&#10;}&#10;&#10;const $TM_FILENAME_BASE$: React.FC&lt;$TM_FILENAME_BASE$Props&gt; = props =&gt; {&#10;  return (&#10;    &lt;&gt;&#10;      $END$&#10;    &lt;/&gt;&#10;  );&#10;};&#10;&#10;export default $TM_FILENAME_BASE$;" description="Function component" toReformat="true" toShortenFQNames="true">
  <variable name="TM_FILENAME_BASE" expression="capitalize(camelCase(fileNameWithoutExtension()))" defaultValue="" alwaysStopAt="true" />
  <context>
    <option name="TS_STATEMENT" value="true" />
  </context>
</template>