diff --git a/snippets/rjsx-mode/React-Native/rnc b/snippets/rjsx-mode/React-Native/rnc
index 7d82314..32bbdd4 100644
--- a/snippets/rjsx-mode/React-Native/rnc
+++ b/snippets/rjsx-mode/React-Native/rnc
@@ -8,11 +8,11 @@
 import React, { Component } from 'react'
 import { Text, View } from 'react-native'
 
-export default class ${1:${TM_FILENAME_BASE}} extends Component {
+export default class ${1:`(yas-jsx-get-class-name-by-file-name)`} extends Component {
   render() {
     return (
       <View>
-        <Text> ${2:textInComponent} </Text>
+        <Text>${2:textInComponent}</Text>
       </View>
     )
   }
diff --git a/snippets/rjsx-mode/React-Native/rnce b/snippets/rjsx-mode/React-Native/rnce
index c13e598..b94e095 100644
--- a/snippets/rjsx-mode/React-Native/rnce
+++ b/snippets/rjsx-mode/React-Native/rnce
@@ -8,14 +8,14 @@
 import React, { Component } from 'react'
 import { Text, View } from 'react-native'
 
-export class ${1:${TM_FILENAME_BASE}} extends Component {
+export class ${1:`(yas-jsx-get-class-name-by-file-name)`} extends Component {
   render() {
     return (
       <View>
-        <Text> ${2:textInComponent} </Text>
+        <Text>${2:textInComponent}</Text>
       </View>
     )
   }
 }
 
-export default ${1:${TM_FILENAME_BASE}}
\ No newline at end of file
+export default $1
\ No newline at end of file
diff --git a/snippets/rjsx-mode/React-Native/rncs b/snippets/rjsx-mode/React-Native/rncs
index 32b0508..080ef24 100644
--- a/snippets/rjsx-mode/React-Native/rncs
+++ b/snippets/rjsx-mode/React-Native/rncs
@@ -8,11 +8,11 @@
 import React, { Component } from 'react'
 import { Text, StyleSheet, View } from 'react-native'
 
-export default class ${1:${TM_FILENAME_BASE}} extends Component {
+export default class ${1:`(yas-jsx-get-class-name-by-file-name)`} extends Component {
   render() {
     return (
       <View>
-        <Text> ${2:textInComponent} </Text>
+        <Text>${2:textInComponent}</Text>
       </View>
     )
   }
diff --git a/snippets/rjsx-mode/React-Native/rnpc b/snippets/rjsx-mode/React-Native/rnpc
index 55b6eb7..6d7d562 100644
--- a/snippets/rjsx-mode/React-Native/rnpc
+++ b/snippets/rjsx-mode/React-Native/rnpc
@@ -8,11 +8,11 @@
 import React, { PureComponent } from 'react'
 import { Text, View } from 'react-native'
 
-export default class ${1:${TM_FILENAME_BASE}} extends PureComponent {
+export default class ${1:`(yas-jsx-get-class-name-by-file-name)`} extends PureComponent {
   render() {
     return (
       <View>
-        <Text> ${2:textInComponent} </Text>
+        <Text>${2:textInComponent}</Text>
       </View>
     )
   }
diff --git a/snippets/rjsx-mode/React-Native/rnpce b/snippets/rjsx-mode/React-Native/rnpce
index 461a1e6..49c2b56 100644
--- a/snippets/rjsx-mode/React-Native/rnpce
+++ b/snippets/rjsx-mode/React-Native/rnpce
@@ -8,14 +8,14 @@
 import React, { PureComponent } from 'react'
 import { Text, View } from 'react-native'
 
-export class ${1:${TM_FILENAME_BASE}} extends PureComponent {
+export class ${1:`(yas-jsx-get-class-name-by-file-name)`} extends PureComponent {
   render() {
     return (
       <View>
-        <Text> ${2:textInComponent} </Text>
+        <Text>${2:textInComponent}</Text>
       </View>
     )
   }
 }
 
-export default ${1:${TM_FILENAME_BASE}}
\ No newline at end of file
+export default $1
\ No newline at end of file