diff --git a/src/core/options.ts b/src/core/options.ts
index ee6fc0f..0dd008a 100644
--- a/src/core/options.ts
+++ b/src/core/options.ts
@@ -8,7 +8,8 @@ export function getOptions(options: UnpluginStylexOptions): Required<UnpluginSty
   return {
     ...options,
     dev: isDev,
-    invalidExts: ['.json', '.html', '.jade', '.json5', ...(options.invalidExts ?? [])],
+    // .js, .jsx, .mjs, .cjs, .ts, .tsx, .mts, .cts
+    validExts: options.validExts ?? /\.[mc]?[jt]sx?$/,
     stylex: {
       filename: stylex.filename || 'stylex.css',
       stylexImports: stylex.stylexImports || ['@stylexjs/stylex'],
diff --git a/src/index.ts b/src/index.ts
index fd1f733..a52fcc2 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -29,12 +29,12 @@ export const unpluginFactory: UnpluginFactory<UnpluginStylexOptions | undefined>
 
     transformInclude(id) {
       // webpack will contain these files, which will occur errors
-      const invalidExts = options.invalidExts
+      const validExts = options.validExts
       const extname = path.extname(id)
       // for handle vite
       const questionMarkIndex = extname.indexOf('?')
       const validExtName = questionMarkIndex > -1 ? extname.slice(0, questionMarkIndex) : extname
-      return !invalidExts.includes(validExtName)
+      return validExts.test(validExtName)
     },
 
     async transform(code, id) {
diff --git a/src/types.ts b/src/types.ts
index 0da5f18..c5c8af1 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -22,7 +22,7 @@ export type StylexOptions = {
 
 export type UnpluginStylexOptions = {
   // compiler?: string
-  invalidExts?: string[]
+  validExts?: RegExp
   dev?: boolean
   // enforce?: 'post' | 'pre'
   stylex?: StylexOptions