diff --git a/src/sourceSnippets/components.ts b/src/sourceSnippets/components.ts
index 09ef578..cb1f3ce 100644
--- a/src/sourceSnippets/components.ts
+++ b/src/sourceSnippets/components.ts
@@ -44,7 +44,7 @@ const reactClassComponent: ComponentsSnippet = {
   body: [
     ...reactComponent,
     '',
-    `export default class ${Placeholders.FileName} extends Component {`,
+    `export default class ${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())} extends Component {`,
     ...innerComponentReturn,
     '}',
     '',
@@ -58,7 +58,7 @@ const reactClassExportComponent: ComponentsSnippet = {
   body: [
     ...reactComponent,
     '',
-    `export class ${Placeholders.FileName} extends Component {`,
+    `export class ${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())} extends Component {`,
     ...innerComponentReturn,
     '}',
     ...exportDefault,
@@ -72,7 +72,7 @@ const reactFunctionalExportComponent: ComponentsSnippet = {
   body: [
     ...react,
     '',
-    `function ${Placeholders.FileName}() {`,
+    `function ${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())}() {`,
     ...innerComponent,
     '}',
     ...exportDefault,
@@ -86,7 +86,7 @@ const reactFunctionalComponent: ComponentsSnippet = {
   body: [
     ...react,
     '',
-    `export default function ${Placeholders.FileName}() {`,
+    `export default function ${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())}() {`,
     ...innerComponent,
     '}',
     '',
@@ -100,11 +100,11 @@ const reactFunctionalComponentWithPropTypes: ComponentsSnippet = {
   body: [
     ...reactPropTypes,
     '',
-    `function ${Placeholders.FileName}(props) {`,
+    `function ${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())}(props) {`,
     ...innerComponent,
     '}',
     '',
-    `${Placeholders.FileName}.propTypes = {}`,
+    `${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())}.propTypes = {}`,
     ...exportDefault,
     '',
   ],
@@ -118,7 +118,7 @@ const reactArrowFunctionExportComponent: ComponentsSnippet = {
   body: [
     ...react,
     '',
-    `const ${Placeholders.FileName} = () => {`,
+    `const ${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())} = () => {`,
     ...innerComponent,
     '}',
     ...exportDefault,
@@ -133,7 +133,7 @@ const reactArrowFunctionComponent: ComponentsSnippet = {
   body: [
     ...react,
     '',
-    `export const ${Placeholders.FileName} = () => {`,
+    `export const ${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())} = () => {`,
     ...innerComponent,
     '}',
     '',
@@ -148,11 +148,11 @@ const reactArrowFunctionComponentWithPropTypes: ComponentsSnippet = {
   body: [
     ...reactPropTypes,
     '',
-    `const ${Placeholders.FileName} = props => {`,
+    `const ${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())} = props => {`,
     ...innerComponent,
     '}',
     '',
-    `${Placeholders.FileName}.propTypes = {}`,
+    `${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())}.propTypes = {}`,
     ...exportDefault,
   ],
   description:
@@ -166,7 +166,7 @@ const reactClassExportComponentWithPropTypes: ComponentsSnippet = {
     "import PropTypes from 'prop-types'",
     ...reactComponent,
     '',
-    `export class ${Placeholders.FileName} extends Component {`,
+    `export class ${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())} extends Component {`,
     '  static propTypes = {}',
     '',
     ...innerComponentReturn,
@@ -182,7 +182,7 @@ const reactClassPureComponent: ComponentsSnippet = {
   body: [
     ...reactPureComponent,
     '',
-    `export default class ${Placeholders.FileName} extends PureComponent {`,
+    `export default class ${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())} extends PureComponent {`,
     ...innerComponentReturn,
     '}',
     '',
@@ -196,7 +196,7 @@ const reactClassExportPureComponent: ComponentsSnippet = {
   body: [
     ...reactPureComponent,
     '',
-    `export class ${Placeholders.FileName} extends PureComponent {`,
+    `export class ${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())} extends PureComponent {`,
     ...innerComponentReturn,
     '}',
     ...exportDefault,
@@ -212,7 +212,7 @@ const reactClassPureComponentWithPropTypes: ComponentsSnippet = {
     "import PropTypes from 'prop-types'",
     ...reactPureComponent,
     '',
-    `export default class ${Placeholders.FileName} extends PureComponent {`,
+    `export default class ${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())} extends PureComponent {`,
     '  static propTypes = {}',
     '',
     ...innerComponentReturn,
@@ -228,7 +228,7 @@ const reactFunctionMemoComponent: ComponentsSnippet = {
   body: [
     ...reactWithMemo,
     '',
-    `const ${Placeholders.FileName} = memo(() => {`,
+    `const ${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())} = memo(() => {`,
     ...innerComponent,
     '})',
     ...exportDefault,
@@ -243,11 +243,11 @@ const reactFunctionMemoComponentWithPropTypes: ComponentsSnippet = {
     "import PropTypes from 'prop-types'",
     ...reactWithMemo,
     '',
-    `const ${Placeholders.FileName} = memo((props) => {`,
+    `const ${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())} = memo((props) => {`,
     ...innerComponent,
     '})',
     '',
-    `${Placeholders.FileName}.propTypes = {}`,
+    `${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())}.propTypes = {}`,
     ...exportDefault,
   ],
   description:
@@ -261,7 +261,7 @@ const reactClassComponentPropTypes: ComponentsSnippet = {
     "import PropTypes from 'prop-types'",
     ...reactComponent,
     '',
-    `export default class ${Placeholders.FileName} extends Component {`,
+    `export default class ${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())} extends Component {`,
     `  static propTypes = {${Placeholders.SecondTab}: ${Placeholders.ThirdTab}}`,
     '',
     ...innerComponentReturn,
@@ -278,7 +278,7 @@ const reactClassComponentRedux: ComponentsSnippet = {
   body: [
     ...reactComponentWithReduxConnect,
     '',
-    `export class ${Placeholders.FileName} extends Component {`,
+    `export class ${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())} extends Component {`,
     ...innerComponentReturn,
     '}',
     ...reduxComponentExport,
@@ -294,7 +294,7 @@ const reactClassComponentReduxPropTypes: ComponentsSnippet = {
     "import PropTypes from 'prop-types'",
     ...reactComponentWithReduxConnect,
     '',
-    `export class ${Placeholders.FileName} extends Component {`,
+    `export class ${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())} extends Component {`,
     '  static propTypes = {',
     `    ${Placeholders.SecondTab}: ${Placeholders.ThirdTab}`,
     '  }',
@@ -313,7 +313,7 @@ const reactFunctionalComponentRedux: ComponentsSnippet = {
   body: [
     ...reactWithReduxConnect,
     '',
-    `export const ${Placeholders.FileName} = (props) => {`,
+    `export const ${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())} = (props) => {`,
     ...innerComponent,
     '}',
     ...reduxComponentExport,
@@ -329,11 +329,11 @@ const reactFunctionalComponentReduxPropTypes: ComponentsSnippet = {
     "import PropTypes from 'prop-types'",
     ...reactWithReduxConnect,
     '',
-    `export const ${Placeholders.FileName} = (props) => {`,
+    `export const ${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())} = (props) => {`,
     ...innerComponent,
     '}',
     '',
-    `${Placeholders.FileName}.propTypes = {`,
+    `${Placeholders.FileName.replace(/^([a-z])/, x => x.toUpperCase())}.propTypes = {`,
     `  ${Placeholders.SecondTab}: PropTypes.${Placeholders.ThirdTab}`,
     '}',
     ...reduxComponentExport,
