diff --git a/CHANGELOG.md b/CHANGELOG.md
index 996899d..2bbc7bd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,9 @@
+<a name="0.0.5"></a>
+## [0.0.5](https://github.com/abdullahceylan/vscode-react-component-generator/compare/0.0.4...0.0.5) (2024-10-11)
+
+### Updates
+* Updated TypeScript Remix Route component extension
+
 <a name="0.0.4"></a>
 ## [0.0.4](https://github.com/abdullahceylan/vscode-react-component-generator/compare/0.0.3...0.0.4) (2024-10-11)
 
@@ -8,7 +14,6 @@
 * Added TypeScript Remix component creation
 * Added TypeScript Remix route component creation
 * Added CSS Module prefix support for the stylesheet extension option.
-* 
   
 <a name="0.0.3"></a>
 ## [0.0.3](https://github.com/abdullahceylan/vscode-react-component-generator/compare/0.0.2...0.0.3) (2018-12-30)
diff --git a/README.md b/README.md
index 4426d1a..09a7715 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,6 @@ The extension helps you to create a React component with one-click. There are al
 [![Installs](https://vsmarketplacebadges.dev/installs-short/abdullahceylan.vscode-react-component-generator.png)](https://marketplace.visualstudio.com/items?itemName=abdullahceylan.vscode-react-component-generator)
 [![Installs](https://vsmarketplacebadges.dev/rating-star/abdullahceylan.vscode-react-component-generator.png)](https://marketplace.visualstudio.com/items?itemName=abdullahceylan.vscode-react-component-generator)
 [![The MIT License](https://flat.badgen.net/badge/license/MIT/orange)](http://opensource.org/licenses/MIT)
-[![GitHub](https://flat.badgen.net/github/release/abdullahceylan/vscode-react-component-generator)](https://github.com/abdullahceylan/vscode-react-component-generator/releases)
 
 ## Other Versions
 [Please click here for React Native version](https://marketplace.visualstudio.com/items?itemName=abdullahceylan.vscode-react-native-component-generator)
@@ -53,17 +52,13 @@ ext install abdullahceylan.vscode-react-component-generator
 
 ### Creating a React Component
 
-https://github.com/user-attachments/assets/eb2f1b2a-4c5a-42f6-ab37-e5cb47aeafa7
+![Classic React Component](assets/images/ac-vscode-classic-component.gif)
 
 ### Creating a TypeScript React Component, Remix TypeScript Component and React TypeScript Route Component
 
-https://github.com/user-attachments/assets/6647ff1e-7002-4302-b27c-a293af95463e
+![TypeScript and Remix Component](assets/images/ac-vscode-typescript-remix.gif)
 
 
-![Classic React Component](assets/images/vscode-2.gif)
-
-![TypeScript and Remix Component](assets/images/vscode-3.gif)
-
 ![Extension settings](assets/images/vscode-settings.png)
 
 ## Configuration
diff --git a/assets/images/ac-vscode-classic-component.gif b/assets/images/ac-vscode-classic-component.gif
new file mode 100644
index 0000000..c21f5d0
Binary files /dev/null and b/assets/images/ac-vscode-classic-component.gif differ
diff --git a/assets/images/ac-vscode-classic-component.mp4 b/assets/images/ac-vscode-classic-component.mp4
deleted file mode 100644
index ec97eaa..0000000
Binary files a/assets/images/ac-vscode-classic-component.mp4 and /dev/null differ
diff --git a/assets/images/ac-vscode-typescript-remix.gif b/assets/images/ac-vscode-typescript-remix.gif
new file mode 100644
index 0000000..96d1ba0
Binary files /dev/null and b/assets/images/ac-vscode-typescript-remix.gif differ
diff --git a/assets/images/ac-vscode-typescript-remix.mp4 b/assets/images/ac-vscode-typescript-remix.mp4
deleted file mode 100644
index 390e8c7..0000000
Binary files a/assets/images/ac-vscode-typescript-remix.mp4 and /dev/null differ
diff --git a/package.json b/package.json
index 210959f..698215c 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "vscode-react-component-generator",
   "displayName": "VSCode React Component Generator",
   "description": "Generates React component files automatically",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "publisher": "abdullahceylan",
   "author": {
     "name": "Abdullah Ceylan",
diff --git a/src/helpers.ts b/src/helpers.ts
index 149ac9e..b70adc5 100644
--- a/src/helpers.ts
+++ b/src/helpers.ts
@@ -136,6 +136,7 @@ export class FileHelper {
   ): Observable<string> {
     const globalConfig: GlobalInterface = getConfig().get("global");
     const indexConfig: IndexInterface = getConfig().get("indexFile");
+    const componentConfig: ComponentInterface = getConfig().get("mainFile");
 
     let templateFileName =
       this.assetRootDir + "/templates/component-typescript-remix.template";
@@ -152,7 +153,7 @@ export class FileHelper {
 
     const filename = `${componentDir.path}/app.${dotCase(
       compName
-    )}.${this.getExtension(indexConfig.extension)}`;
+    )}.${this.getExtension(componentConfig.extension)}`;
     if (indexConfig.create) {
       return this.createFile(filename, templateContent).map(
         (result) => filename