diff --git a/frontend/src/components/dialog/insert-repo-image-dialog.js b/frontend/src/components/dialog/insert-repo-image-dialog.js
index 441f35caa9..376b787d0d 100644
--- a/frontend/src/components/dialog/insert-repo-image-dialog.js
+++ b/frontend/src/components/dialog/insert-repo-image-dialog.js
@@ -47,7 +47,7 @@ class InsertRepoImageDialog extends React.Component {
 
   render() {
     const toggle = this.props.toggleCancel;
-    const fileSuffix = ['jpg', 'png', 'jpeg', 'gif', 'bmp'];
+    const fileSuffixes = ['jpg', 'png', 'jpeg', 'gif', 'bmp'];
     let imageUrl;
     if (this.state.repo) {
       imageUrl = siteRoot + 'thumbnail/' + this.state.repo.repo_id + '/1024' + this.state.selectedPath;
@@ -64,7 +64,7 @@ class InsertRepoImageDialog extends React.Component {
                 onDirentItemClick={this.onDirentItemClick}
                 onRepoItemClick={this.onRepoItemClick}
                 mode="current_repo_and_other_repos"
-                fileSuffix={fileSuffix}
+                fileSuffixes={fileSuffixes}
               />
             </div>
             <div className="insert-image-container col-6">
diff --git a/frontend/src/components/file-chooser/dirent-list-item.js b/frontend/src/components/file-chooser/dirent-list-item.js
index 72813f129c..a37908d01e 100644
--- a/frontend/src/components/file-chooser/dirent-list-item.js
+++ b/frontend/src/components/file-chooser/dirent-list-item.js
@@ -12,7 +12,7 @@ const propTypes = {
   dirent: PropTypes.object.isRequired,
   repo: PropTypes.object.isRequired,
   onDirentItemClick: PropTypes.func.isRequired,
-  fileSuffix: PropTypes.array,
+  fileSuffixes: PropTypes.array,
 };
 
 class DirentListItem extends React.Component {
@@ -92,7 +92,7 @@ class DirentListItem extends React.Component {
               selectedRepo={this.props.selectedRepo}
               onDirentItemClick={this.props.onDirentItemClick}
               isShowFile={this.props.isShowFile}
-              fileSuffix={this.props.fileSuffix}
+              fileSuffixes={this.props.fileSuffixes}
             />
           );
         })}
@@ -105,9 +105,9 @@ class DirentListItem extends React.Component {
     let isCurrentPath = this.props.selectedPath === this.state.filePath;
 
     const fileName = this.props.dirent.name;
-    if (this.props.fileSuffix && fileName && fileName.indexOf('.') !== -1) {
+    if (this.props.fileSuffixes && fileName && fileName.indexOf('.') !== -1) {
       const suffix = fileName.slice(fileName.lastIndexOf('.') + 1).toLowerCase();
-      if (!this.props.fileSuffix.includes(suffix)) return null;
+      if (!this.props.fileSuffixes.includes(suffix)) return null;
     }
     return (
       <li className="file-chooser-item">
diff --git a/frontend/src/components/file-chooser/dirent-list-view.js b/frontend/src/components/file-chooser/dirent-list-view.js
index 01b35b5955..f9f77a5b32 100644
--- a/frontend/src/components/file-chooser/dirent-list-view.js
+++ b/frontend/src/components/file-chooser/dirent-list-view.js
@@ -9,7 +9,7 @@ const propTypes = {
   isShowFile: PropTypes.bool,
   selectedPath: PropTypes.string,
   selectedRepo: PropTypes.object,
-  fileSuffix: PropTypes.array,
+  fileSuffixes: PropTypes.array,
   repo: PropTypes.object.isRequired,
   isShowChildren: PropTypes.bool.isRequired,
   onDirentItemClick: PropTypes.func.isRequired
@@ -58,7 +58,7 @@ class DirentListView extends React.Component {
               onDirentItemClick={this.props.onDirentItemClick}
               selectedPath={this.props.selectedPath}
               isShowFile={this.props.isShowFile}
-              fileSuffix={this.props.fileSuffix}
+              fileSuffixes={this.props.fileSuffixes}
             />
           );
         })}
diff --git a/frontend/src/components/file-chooser/file-chooser.js b/frontend/src/components/file-chooser/file-chooser.js
index e936fb8da7..4eb81e2d65 100644
--- a/frontend/src/components/file-chooser/file-chooser.js
+++ b/frontend/src/components/file-chooser/file-chooser.js
@@ -17,7 +17,7 @@ const propTypes = {
   onDirentItemClick: PropTypes.func,
   onRepoItemClick: PropTypes.func,
   mode: PropTypes.oneOf(['current_repo_and_other_repos', 'only_all_repos', 'only_current_library']),
-  fileSuffix: PropTypes.array,
+  fileSuffixes: PropTypes.array,
 };
 
 class FileChooser extends React.Component {
@@ -309,7 +309,7 @@ class FileChooser extends React.Component {
                   onRepoItemClick={this.onRepoItemClick} 
                   onDirentItemClick={this.onDirentItemClick}
                   isShowFile={this.props.isShowFile}
-                  fileSuffix={this.props.fileSuffix}
+                  fileSuffixes={this.props.fileSuffixes}
                 />
               }
             </div>
@@ -328,7 +328,7 @@ class FileChooser extends React.Component {
                   onRepoItemClick={this.onRepoItemClick} 
                   onDirentItemClick={this.onDirentItemClick}
                   isShowFile={this.props.isShowFile}
-                  fileSuffix={this.props.fileSuffix}
+                  fileSuffixes={this.props.fileSuffixes}
                 /> 
               }
             </div>
@@ -350,7 +350,7 @@ class FileChooser extends React.Component {
                 onRepoItemClick={this.onRepoItemClick} 
                 onDirentItemClick={this.onDirentItemClick}
                 isShowFile={this.props.isShowFile}
-                fileSuffix={this.props.fileSuffix}
+                fileSuffixes={this.props.fileSuffixes}
               />
             }
           </div>
@@ -370,7 +370,7 @@ class FileChooser extends React.Component {
                 onRepoItemClick={this.onRepoItemClick} 
                 onDirentItemClick={this.onDirentItemClick}
                 isShowFile={this.props.isShowFile}
-                fileSuffix={this.props.fileSuffix}
+                fileSuffixes={this.props.fileSuffixes}
               /> 
             </div>
           </div>
diff --git a/frontend/src/components/file-chooser/repo-list-item.js b/frontend/src/components/file-chooser/repo-list-item.js
index c16652cb2f..6a2ea62af2 100644
--- a/frontend/src/components/file-chooser/repo-list-item.js
+++ b/frontend/src/components/file-chooser/repo-list-item.js
@@ -10,7 +10,7 @@ const propTypes = {
   initToShowChildren: PropTypes.bool.isRequired,
   onDirentItemClick: PropTypes.func.isRequired,
   onRepoItemClick: PropTypes.func.isRequired,
-  fileSuffix: PropTypes.array,
+  fileSuffixes: PropTypes.array,
 };
 
 class RepoListItem extends React.Component {
@@ -65,7 +65,7 @@ class RepoListItem extends React.Component {
             selectedRepo={this.props.selectedRepo}
             selectedPath={this.props.selectedPath}
             isShowFile={this.props.isShowFile}
-            fileSuffix={this.props.fileSuffix}
+            fileSuffixes={this.props.fileSuffixes}
           />
         )}
       </li>
diff --git a/frontend/src/components/file-chooser/repo-list-view.js b/frontend/src/components/file-chooser/repo-list-view.js
index fb76b2fa9a..bf5768ebc0 100644
--- a/frontend/src/components/file-chooser/repo-list-view.js
+++ b/frontend/src/components/file-chooser/repo-list-view.js
@@ -12,7 +12,7 @@ const propTypes = {
   selectedPath: PropTypes.string,
   onDirentItemClick: PropTypes.func.isRequired,
   onRepoItemClick: PropTypes.func.isRequired,
-  fileSuffix: PropTypes.array,
+  fileSuffixes: PropTypes.array,
 };
 
 class RepoListView extends React.Component {
@@ -36,7 +36,7 @@ class RepoListView extends React.Component {
               onRepoItemClick={this.props.onRepoItemClick} 
               onDirentItemClick={this.props.onDirentItemClick}
               isShowFile={this.props.isShowFile}
-              fileSuffix={this.props.fileSuffix}
+              fileSuffixes={this.props.fileSuffixes}
             />
           );
         })}