diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6ec3bbf9..34bc4c89 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Change Log
 
+## [5.0.1] - 2021-XX-XX
+
+### 🐞 Fixes
+
+- Rendered more hooks than during the previous render in `FileList`
+
 ## [5.0.0] - 2021-10-07 - [Release Notes](https://beta.frontmatter.codes/updates/v5.0.0)
 
 ### ✨ New features
diff --git a/package-lock.json b/package-lock.json
index d923a1fc..53a31c4d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -269,92 +269,92 @@
 			"dev": true
 		},
 		"@sentry/browser": {
-			"version": "6.13.2",
-			"resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-6.13.2.tgz",
-			"integrity": "sha512-bkFXK4vAp2UX/4rQY0pj2Iky55Gnwr79CtveoeeMshoLy5iDgZ8gvnLNAz7om4B9OQk1u7NzLEa4IXAmHTUyag==",
+			"version": "6.13.3",
+			"resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-6.13.3.tgz",
+			"integrity": "sha512-jwlpsk2/u1cofvfYsjmqcnx50JJtf/T6HTgdW+ih8+rqWC5ABEZf4IiB/H+KAyjJ3wVzCOugMq5irL83XDCfqQ==",
 			"dev": true,
 			"requires": {
-				"@sentry/core": "6.13.2",
-				"@sentry/types": "6.13.2",
-				"@sentry/utils": "6.13.2",
+				"@sentry/core": "6.13.3",
+				"@sentry/types": "6.13.3",
+				"@sentry/utils": "6.13.3",
 				"tslib": "^1.9.3"
 			}
 		},
 		"@sentry/core": {
-			"version": "6.13.2",
-			"resolved": "https://registry.npmjs.org/@sentry/core/-/core-6.13.2.tgz",
-			"integrity": "sha512-snXNNFLwlS7yYxKTX4DBXebvJK+6ikBWN6noQ1CHowvM3ReFBlrdrs0Z0SsSFEzXm2S4q7f6HHbm66GSQZ/8FQ==",
+			"version": "6.13.3",
+			"resolved": "https://registry.npmjs.org/@sentry/core/-/core-6.13.3.tgz",
+			"integrity": "sha512-obm3SjgCk8A7nB37b2AU1eq1q7gMoJRrGMv9VRIyfcG0Wlz/5lJ9O3ohUk+YZaaVfZMxXn6hFtsBiOWmlv7IIA==",
 			"dev": true,
 			"requires": {
-				"@sentry/hub": "6.13.2",
-				"@sentry/minimal": "6.13.2",
-				"@sentry/types": "6.13.2",
-				"@sentry/utils": "6.13.2",
+				"@sentry/hub": "6.13.3",
+				"@sentry/minimal": "6.13.3",
+				"@sentry/types": "6.13.3",
+				"@sentry/utils": "6.13.3",
 				"tslib": "^1.9.3"
 			}
 		},
 		"@sentry/hub": {
-			"version": "6.13.2",
-			"resolved": "https://registry.npmjs.org/@sentry/hub/-/hub-6.13.2.tgz",
-			"integrity": "sha512-sppSuJdNMiMC/vFm/dQowCBh11uTrmvks00fc190YWgxHshodJwXMdpc+pN61VSOmy2QA4MbQ5aMAgHzPzel3A==",
+			"version": "6.13.3",
+			"resolved": "https://registry.npmjs.org/@sentry/hub/-/hub-6.13.3.tgz",
+			"integrity": "sha512-eYppBVqvhs5cvm33snW2sxfcw6G20/74RbBn+E4WDo15hozis89kU7ZCJDOPkXuag3v1h9igns/kM6PNBb41dw==",
 			"dev": true,
 			"requires": {
-				"@sentry/types": "6.13.2",
-				"@sentry/utils": "6.13.2",
+				"@sentry/types": "6.13.3",
+				"@sentry/utils": "6.13.3",
 				"tslib": "^1.9.3"
 			}
 		},
 		"@sentry/minimal": {
-			"version": "6.13.2",
-			"resolved": "https://registry.npmjs.org/@sentry/minimal/-/minimal-6.13.2.tgz",
-			"integrity": "sha512-6iJfEvHzzpGBHDfLxSHcGObh73XU1OSQKWjuhDOe7UQDyI4BQmTfcXAC+Fr8sm8C/tIsmpVi/XJhs8cubFdSMw==",
+			"version": "6.13.3",
+			"resolved": "https://registry.npmjs.org/@sentry/minimal/-/minimal-6.13.3.tgz",
+			"integrity": "sha512-63MlYYRni3fs5Bh8XBAfVZ+ctDdWg0fapSTP1ydIC37fKvbE+5zhyUqwrEKBIiclEApg1VKX7bkKxVdu/vsFdw==",
 			"dev": true,
 			"requires": {
-				"@sentry/hub": "6.13.2",
-				"@sentry/types": "6.13.2",
+				"@sentry/hub": "6.13.3",
+				"@sentry/types": "6.13.3",
 				"tslib": "^1.9.3"
 			}
 		},
 		"@sentry/react": {
-			"version": "6.13.2",
-			"resolved": "https://registry.npmjs.org/@sentry/react/-/react-6.13.2.tgz",
-			"integrity": "sha512-aLkWyn697LTcmK1PPnUg5UJcyBUPoI68motqgBY53SIYDAwOeYNUQt2aanDuOTY5aE2PdnJwU48klA8vuYkoRQ==",
+			"version": "6.13.3",
+			"resolved": "https://registry.npmjs.org/@sentry/react/-/react-6.13.3.tgz",
+			"integrity": "sha512-fdfmD9XNpGDwdkeLyd+iq+kqtNeghpH3wiez2rD81ZBvrn70uKaO2/yYDE71AXC6fUOwQuJmdfAuqBcNJkYIEw==",
 			"dev": true,
 			"requires": {
-				"@sentry/browser": "6.13.2",
-				"@sentry/minimal": "6.13.2",
-				"@sentry/types": "6.13.2",
-				"@sentry/utils": "6.13.2",
+				"@sentry/browser": "6.13.3",
+				"@sentry/minimal": "6.13.3",
+				"@sentry/types": "6.13.3",
+				"@sentry/utils": "6.13.3",
 				"hoist-non-react-statics": "^3.3.2",
 				"tslib": "^1.9.3"
 			}
 		},
 		"@sentry/tracing": {
-			"version": "6.13.2",
-			"resolved": "https://registry.npmjs.org/@sentry/tracing/-/tracing-6.13.2.tgz",
-			"integrity": "sha512-bHJz+C/nd6biWTNcYAu91JeRilsvVgaye4POkdzWSmD0XoLWHVMrpCQobGpXe7onkp2noU3YQjhqgtBqPHtnpw==",
+			"version": "6.13.3",
+			"resolved": "https://registry.npmjs.org/@sentry/tracing/-/tracing-6.13.3.tgz",
+			"integrity": "sha512-yyOFIhqlprPM0g4f35Icear3eZk2mwyYcGEzljJfY2iU6pJwj1lzia5PfSwiCW7jFGMmlBJNhOAIpfhlliZi8Q==",
 			"dev": true,
 			"requires": {
-				"@sentry/hub": "6.13.2",
-				"@sentry/minimal": "6.13.2",
-				"@sentry/types": "6.13.2",
-				"@sentry/utils": "6.13.2",
+				"@sentry/hub": "6.13.3",
+				"@sentry/minimal": "6.13.3",
+				"@sentry/types": "6.13.3",
+				"@sentry/utils": "6.13.3",
 				"tslib": "^1.9.3"
 			}
 		},
 		"@sentry/types": {
-			"version": "6.13.2",
-			"resolved": "https://registry.npmjs.org/@sentry/types/-/types-6.13.2.tgz",
-			"integrity": "sha512-6WjGj/VjjN8LZDtqJH5ikeB1o39rO1gYS6anBxiS3d0sXNBb3Ux0pNNDFoBxQpOhmdDHXYS57MEptX9EV82gmg==",
+			"version": "6.13.3",
+			"resolved": "https://registry.npmjs.org/@sentry/types/-/types-6.13.3.tgz",
+			"integrity": "sha512-Vrz5CdhaTRSvCQjSyIFIaV9PodjAVFkzJkTRxyY7P77RcegMsRSsG1yzlvCtA99zG9+e6MfoJOgbOCwuZids5A==",
 			"dev": true
 		},
 		"@sentry/utils": {
-			"version": "6.13.2",
-			"resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-6.13.2.tgz",
-			"integrity": "sha512-foF4PbxqPMWNbuqdXkdoOmKm3quu3PP7Q7j/0pXkri4DtCuvF/lKY92mbY0V9rHS/phCoj+3/Se5JvM2ymh2/w==",
+			"version": "6.13.3",
+			"resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-6.13.3.tgz",
+			"integrity": "sha512-zYFuFH3MaYtBZTeJ4Yajg7pDf0pM3MWs3+9k5my9Fd+eqNcl7dYQYJbT9gyC0HXK1QI4CAMNNlHNl4YXhF91ag==",
 			"dev": true,
 			"requires": {
-				"@sentry/types": "6.13.2",
+				"@sentry/types": "6.13.3",
 				"tslib": "^1.9.3"
 			}
 		},
diff --git a/package.json b/package.json
index 96167159..6976fec6 100644
--- a/package.json
+++ b/package.json
@@ -658,8 +658,8 @@
     "@headlessui/react": "^1.4.1",
     "@heroicons/react": "1.0.4",
     "@iarna/toml": "2.2.3",
-    "@sentry/react": "^6.13.2",
-    "@sentry/tracing": "^6.13.2",
+    "@sentry/react": "^6.13.3",
+    "@sentry/tracing": "^6.13.3",
     "@tailwindcss/forms": "^0.3.3",
     "@types/glob": "7.1.3",
     "@types/js-yaml": "3.12.1",
diff --git a/src/panelWebView/components/FileItem.tsx b/src/panelWebView/components/FileItem.tsx
new file mode 100644
index 00000000..f75fbf94
--- /dev/null
+++ b/src/panelWebView/components/FileItem.tsx
@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { MessageHelper } from '../../helpers/MessageHelper';
+import { CommandToCode } from '../CommandToCode';
+import { FileIcon } from './Icons/FileIcon';
+import { MarkdownIcon } from './Icons/MarkdownIcon';
+
+export interface IFileItemProps {
+  name: string;
+  path: string;
+}
+
+export const FileItem: React.FunctionComponent<IFileItemProps> = ({ name, path }: React.PropsWithChildren<IFileItemProps>) => {
+  
+  const openFile = () => {
+    MessageHelper.sendMessage(CommandToCode.openInEditor, path);
+  };
+
+  return (
+    <li className={`file_list__items__item`}
+        onClick={openFile}>
+      {
+        (name.endsWith('.md') || name.endsWith('.mdx')) ? (
+          <MarkdownIcon />
+        ) : (
+          <FileIcon />
+        )
+      }
+
+      <span>{name}</span>
+    </li>
+  );
+};
\ No newline at end of file
diff --git a/src/panelWebView/components/FileList.tsx b/src/panelWebView/components/FileList.tsx
index 716daeb7..c0141f65 100644
--- a/src/panelWebView/components/FileList.tsx
+++ b/src/panelWebView/components/FileList.tsx
@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { FileInfo } from '../../models';
-import { CommandToCode } from '../CommandToCode';
-import { MessageHelper } from '../../helpers/MessageHelper';
-import { FileIcon } from './Icons/FileIcon';
-import { MarkdownIcon } from './Icons/MarkdownIcon';
+import { FileItem } from './FileItem';
 import { VsLabel } from './VscodeComponents';
 
 export interface IFileListProps {
@@ -13,10 +10,6 @@ export interface IFileListProps {
 }
 
 export const FileList: React.FunctionComponent<IFileListProps> = ({files, folderName, totalFiles}: React.PropsWithChildren<IFileListProps>) => {
-  
-  const openFile = (filePath: string) => {
-    MessageHelper.sendMessage(CommandToCode.openInEditor, filePath);
-  };
 
   if (!files || files.length === 0) {
     return null;
@@ -29,19 +22,7 @@ export const FileList: React.FunctionComponent<IFileListProps> = ({files, folder
       <ul className="file_list__items">
         {
           files.map(file => (
-            <li key={file.fileName}
-                className={`file_list__items__item`}
-                onClick={() => openFile(file.filePath)}>
-              {
-                (file.fileName.endsWith('.md') || file.fileName.endsWith('.mdx')) ? (
-                  <MarkdownIcon />
-                ) : (
-                  <FileIcon />
-                )
-              }
-
-              <span>{file.fileName}</span>
-            </li>
+            <FileItem key={file.fileName} name={file.fileName} path={file.filePath} />
           ))
         }
       </ul>