From 9daa8f5d98157edc179d2216edf168a46c21296e Mon Sep 17 00:00:00 2001
From: Jakob Ackermann <jakob.ackermann@overleaf.com>
Date: Thu, 28 Sep 2023 17:32:24 +0200
Subject: [PATCH] Merge pull request #15040 from overleaf/jpa-js-to-jsx

[web] rename all the JSX files to .jsx/.tsx

GitOrigin-RevId: 82056ae47e017523722cf258dcc83c8a925a28f7
---
 services/web/.eslintrc                        | 22 +++++-----
 services/web/Makefile                         | 42 +++++++++----------
 services/web/cypress.config.ts                |  2 +-
 .../web/cypress/support/webpack.cypress.ts    |  4 +-
 ...lback-error.js => chat-fallback-error.jsx} |  0
 .../{chat-pane.js => chat-pane.jsx}           |  0
 ...infinite-scroll.js => infinite-scroll.jsx} |  0
 .../{message-list.js => message-list.jsx}     |  0
 .../components/{message.js => message.jsx}    |  0
 .../{chat-context.js => chat-context.jsx}     |  0
 ...ent.js => clone-project-modal-content.jsx} |  0
 ...oject-modal.js => clone-project-modal.jsx} |  0
 ...=> editor-clone-project-modal-wrapper.jsx} |  0
 ...oggle-button.js => chat-toggle-button.jsx} |  0
 ...cobranding-logo.js => cobranding-logo.jsx} |  0
 ....js => editor-navigation-toolbar-root.jsx} |  0
 ...le-button.js => history-toggle-button.jsx} |  0
 ...n-button.js => layout-dropdown-button.jsx} |  0
 .../{menu-button.js => menu-button.jsx}       |  0
 ...sers-widget.js => online-users-widget.jsx} |  0
 ...ect-button.js => share-project-button.jsx} |  0
 .../{toolbar-header.js => toolbar-header.jsx} |  0
 ...ton.js => track-changes-toggle-button.jsx} |  0
 .../{upgrade-prompt.js => upgrade-prompt.jsx} |  0
 ...ext-menu.js => file-tree-context-menu.jsx} |  0
 ...-tree-context.js => file-tree-context.jsx} |  0
 .../{danger-message.js => danger-message.jsx} |  0
 .../{error-message.js => error-message.jsx}   |  0
 ...put.js => file-tree-create-name-input.jsx} |  0
 ...s => file-tree-modal-create-file-body.jsx} |  0
 ...=> file-tree-modal-create-file-footer.jsx} |  0
 ...s => file-tree-modal-create-file-mode.jsx} |  0
 ...ew-doc.js => file-tree-create-new-doc.jsx} |  0
 ...t.js => file-tree-import-from-project.jsx} |  0
 ...m-url.js => file-tree-import-from-url.jsx} |  0
 ...upload-doc.js => file-tree-upload-doc.jsx} |  0
 ...rect-to-login.js => redirect-to-login.jsx} |  0
 .../{file-tree-doc.js => file-tree-doc.jsx}   |  0
 ... => file-tree-draggable-preview-layer.jsx} |  0
 ...file-tree-error.js => file-tree-error.jsx} |  0
 ...lder-list.js => file-tree-folder-list.jsx} |  0
 ...le-tree-folder.js => file-tree-folder.jsx} |  0
 ...item-inner.js => file-tree-item-inner.jsx} |  0
 ...items.js => file-tree-item-menu-items.jsx} |  0
 ...e-item-menu.js => file-tree-item-menu.jsx} |  0
 ...e-item-name.js => file-tree-item-name.jsx} |  0
 .../{file-tree-root.js => file-tree-root.jsx} |  0
 ...-tree-toolbar.js => file-tree-toolbar.jsx} |  0
 ...ile.js => file-tree-modal-create-file.jsx} |  0
 ...r.js => file-tree-modal-create-folder.jsx} |  0
 ...l-delete.js => file-tree-modal-delete.jsx} |  0
 ...dal-error.js => file-tree-modal-error.jsx} |  0
 ...actionable.js => file-tree-actionable.jsx} |  0
 ...eate-form.js => file-tree-create-form.jsx} |  0
 ...eate-name.js => file-tree-create-name.jsx} |  0
 ...e-draggable.js => file-tree-draggable.jsx} |  0
 .../{file-tree-main.js => file-tree-main.jsx} |  0
 ...selectable.js => file-tree-selectable.jsx} |  0
 ...file-view-icons.js => file-view-icons.jsx} |  0
 ...file-view-image.js => file-view-image.jsx} |  0
 .../{file-view-text.js => file-view-text.jsx} |  0
 .../{file-view.js => file-view.jsx}           |  0
 ...-text.js => hotkeys-modal-bottom-text.jsx} |  0
 .../{hotkeys-modal.js => hotkeys-modal.jsx}   |  0
 .../{outline-item.js => outline-item.jsx}     |  0
 .../{outline-list.js => outline-list.jsx}     |  0
 .../{outline-pane.js => outline-pane.jsx}     |  0
 .../{outline-root.js => outline-root.jsx}     |  0
 ...r.js => detach-compile-button-wrapper.jsx} |  0
 ...-control.js => detach-synctex-control.jsx} |  0
 ...e-button.js => pdf-clear-cache-button.jsx} |  0
 ...ce.js => pdf-code-check-failed-notice.jsx} |  0
 ...mpile-button.js => pdf-compile-button.jsx} |  0
 ...utton.js => pdf-download-files-button.jsx} |  0
 .../{pdf-file-list.js => pdf-file-list.jsx}   |  0
 ...on.js => pdf-hybrid-code-check-button.jsx} |  0
 .../{pdf-js-viewer.js => pdf-js-viewer.jsx}   |  0
 ...y-content.js => pdf-log-entry-content.jsx} |  0
 ...ntent.js => pdf-log-entry-raw-content.jsx} |  0
 .../{pdf-log-entry.js => pdf-log-entry.jsx}   |  0
 ...f-logs-entries.js => pdf-logs-entries.jsx} |  0
 ...pdf-logs-viewer.js => pdf-logs-viewer.jsx} |  0
 ...utton.js => pdf-orphan-refresh-button.jsx} |  0
 ...-root.js => pdf-preview-detached-root.jsx} |  0
 ...> pdf-preview-error-boundary-fallback.jsx} |  0
 ...preview-error.js => pdf-preview-error.jsx} |  0
 ...lbar.js => pdf-preview-hybrid-toolbar.jsx} |  0
 ...f-preview-pane.js => pdf-preview-pane.jsx} |  0
 .../{pdf-preview.js => pdf-preview.jsx}       |  0
 ...x-controls.js => pdf-synctex-controls.jsx} |  0
 ...tion-issue.js => pdf-validation-issue.jsx} |  0
 ...er-controls.js => pdf-viewer-controls.jsx} |  0
 .../{pdf-viewer.js => pdf-viewer.jsx}         |  0
 ...ompt.js => stop-on-first-error-prompt.jsx} |  0
 ...e-prompt.js => timeout-upgrade-prompt.jsx} |  0
 .../pdf-preview/util/pdf-js-versions.js       |  4 +-
 ...header.js => preview-log-entry-header.jsx} |  0
 ...s.js => preview-logs-pane-max-entries.jsx} |  0
 ...collaborators-upgrade-content-default.jsx} |  0
 ...collaborators-upgrade-content-variant.jsx} |  0
 ...grade.js => add-collaborators-upgrade.jsx} |  0
 ...collaborators.js => add-collaborators.jsx} |  0
 .../{edit-member.js => edit-member.jsx}       |  0
 .../components/{invite.js => invite.jsx}      |  0
 .../{link-sharing.js => link-sharing.jsx}     |  0
 ...er-privileges.js => member-privileges.jsx} |  0
 .../{owner-info.js => owner-info.jsx}         |  0
 ...laborators.js => select-collaborators.jsx} |  0
 ...ites-notice.js => send-invites-notice.jsx} |  0
 .../{send-invites.js => send-invites.jsx}     |  0
 ...are-modal-body.js => share-modal-body.jsx} |  0
 ...ent.js => share-project-modal-content.jsx} |  0
 ...oject-modal.js => share-project-modal.jsx} |  0
 ...-modal.js => transfer-ownership-modal.jsx} |  0
 .../{view-member.js => view-member.jsx}       |  0
 ...pdf-button.js => switch-to-pdf-button.jsx} |  0
 .../languages/latex/linter/latex-linter.ts    |  7 ++--
 .../group-subscription-membership.tsx         |  2 +-
 ...ontent.js => word-count-modal-content.jsx} |  0
 ...rd-count-modal.js => word-count-modal.jsx} |  0
 services/web/frontend/js/ide.js               |  2 +-
 ...ogsHints.js => HumanReadableLogsHints.jsx} |  0
 .../{error-boundary.js => error-boundary.jsx} |  0
 services/web/frontend/js/main.js              |  2 +-
 .../{project-list.js => project-list.jsx}     |  0
 .../pages/user/{settings.js => settings.jsx}  |  0
 ...scription.js => canceled-subscription.jsx} |  0
 .../{dashboard.js => dashboard.jsx}           |  0
 .../{group-managers.js => group-managers.jsx} |  0
 .../{group-members.js => group-members.jsx}   |  0
 ...n-managers.js => institution-managers.jsx} |  0
 ...her-managers.js => publisher-managers.jsx} |  0
 .../{invite-managed.js => invite-managed.jsx} |  0
 .../user/subscription/{new.js => new.jsx}     |  0
 ...ription.js => successful-subscription.jsx} |  0
 .../{icon-checked.js => icon-checked.jsx}     |  0
 ...loading-spinner.js => loading-spinner.jsx} |  0
 .../{pagination.js => pagination.jsx}         |  0
 .../{processing.js => processing.jsx}         |  0
 ...conditions.js => recaptcha-conditions.jsx} |  0
 ...grade-benefits.js => upgrade-benefits.jsx} |  0
 ...-context.js => detach-compile-context.jsx} |  0
 .../{detach-context.js => detach-context.jsx} |  0
 .../{editor-context.js => editor-context.jsx} |  0
 ...-context.js => file-tree-data-context.jsx} |  0
 .../{layout-context.js => layout-context.jsx} |  0
 ...e-context.js => local-compile-context.jsx} |  0
 ...project-context.js => project-context.jsx} |  0
 .../{root-context.js => root-context.jsx}     |  0
 ...test-context.js => split-test-context.jsx} |  0
 .../{user-context.js => user-context.jsx}     |  0
 .../{dropbox-logo.js => dropbox-logo.jsx}     |  0
 ...git-bridge-logo.js => git-bridge-logo.jsx} |  0
 .../svgs/{github-logo.js => github-logo.jsx}  |  0
 .../svgs/{google-logo.js => google-logo.jsx}  |  0
 .../svgs/{ieee-logo.js => ieee-logo.jsx}      |  0
 .../{mendeley-logo.js => mendeley-logo.jsx}   |  0
 .../svgs/{orcid-logo.js => orcid-logo.jsx}    |  0
 .../svgs/{zotero-logo.js => zotero-logo.jsx}  |  0
 .../{chat.stories.js => chat.stories.jsx}     |  0
 ...ies.js => clone-project-modal.stories.jsx} |  0
 ...tories.js => contact-us-modal.stories.jsx} |  0
 ...opdown.stories.js => dropdown.stories.jsx} |  0
 ... => editor-navigation-toolbar.stories.jsx} |  0
 ...h.stories.js => editor-switch.stories.jsx} |  0
 ...-tree.stories.js => file-tree.stories.jsx} |  0
 ...-view.stories.js => file-view.stories.jsx} |  0
 ...l.stories.js => hotkeys-modal.stories.jsx} |  0
 .../{icon.stories.js => icon.stories.jsx}     |  0
 ...ile.stories.js => linked-file.stories.jsx} |  0
 ...tor.js => create-file-modal-decorator.jsx} |  0
 ...s => create-file-modal-footer.stories.jsx} |  0
 ...ories.js => create-file-modal.stories.jsx} |  0
 ....js => create-file-name-input.stories.jsx} |  0
 ...e.stories.js => error-message.stories.jsx} |  0
 ...dal-decorators.js => modal-decorators.jsx} |  0
 ...outline.stories.js => outline.stories.jsx} |  0
 ...tion.stories.js => pagination.stories.jsx} |  0
 ...=> pdf-preview-error-boundary.stories.jsx} |  0
 ...es.js => pdf-preview-messages.stories.jsx} |  0
 ...iew.stories.js => pdf-preview.stories.jsx} |  0
 ...ewer.stories.js => pdf-viewer.stories.jsx} |  0
 ...fo.stories.js => account-info.stories.jsx} |  0
 ...am.stories.js => beta-program.stories.jsx} |  0
 .../{emails.stories.js => emails.stories.jsx} |  0
 .../{leave.stories.js => leave.stories.jsx}   |  0
 ...linking.stories.js => linking.stories.jsx} |  0
 ...tter.stories.js => newsletter.stories.jsx} |  0
 .../{page.stories.js => page.stories.jsx}     |  0
 ...ssword.stories.js => password.stories.jsx} |  0
 ...ssions.stories.js => sessions.stories.jsx} |  0
 ...ies.js => share-project-modal.stories.jsx} |  0
 ...tories.js => split-test-badge.stories.jsx} |  0
 ...js => start-free-trial-button.stories.jsx} |  0
 ...ide.stories.js => style-guide.stories.jsx} |  0
 ...ies.js => use-expand-collapse.stories.jsx} |  0
 ...tories.js => word-count-modal.stories.jsx} |  0
 .../{register-form.js => register-form.jsx}   |  0
 ...register.js => user-activate-register.jsx} |  0
 ...ctivate-page.js => user-activate-page.jsx} |  0
 ...er-form.test.js => register-form.test.jsx} |  0
 ...est.js => user-activate-register.test.jsx} |  0
 services/web/package.json                     | 10 ++---
 .../{chat-pane.test.js => chat-pane.test.jsx} |  0
 ...e-input.test.js => message-input.test.jsx} |  0
 ...age-list.test.js => message-list.test.jsx} |  0
 .../{message.test.js => message.test.jsx}     |  0
 ...-context.test.js => chat-context.test.jsx} |  0
 ...l.test.js => clone-project-modal.test.jsx} |  0
 ...t.js => dictionary-modal-content.test.jsx} |  0
 ....test.js => actions-copy-project.test.jsx} |  0
 ...ons-menu.test.js => actions-menu.test.jsx} |  0
 ...nt.test.js => actions-word-count.test.jsx} |  0
 ...ad-menu.test.js => download-menu.test.jsx} |  0
 ...ct-us.test.js => help-contact-us.test.jsx} |  0
 ...on.test.js => help-documentation.test.jsx} |  0
 .../{help-menu.test.js => help-menu.test.jsx} |  0
 ...eys.test.js => help-show-hotkeys.test.jsx} |  0
 ...on.test.js => chat-toggle-button.test.jsx} |  0
 ...est.js => layout-dropdown-button.test.jsx} |  0
 ...t.test.js => online-users-widget.test.jsx} |  0
 ...s => project-name-editable-label.test.jsx} |  0
 ...header.test.js => toolbar-header.test.jsx} |  0
 ...s => file-tree-create-name-input.test.jsx} |  0
 ...s => file-tree-modal-create-file.test.jsx} |  0
 ...ree-doc.test.js => file-tree-doc.test.jsx} |  0
 ...test.js => file-tree-folder-list.test.jsx} |  0
 ...lder.test.js => file-tree-folder.test.jsx} |  0
 ....test.js => file-tree-item-inner.test.jsx} |  0
 ...e.test.js => file-tree-item-name.test.jsx} |  0
 ...e-root.test.js => file-tree-root.test.jsx} |  0
 ...bar.test.js => file-tree-toolbar.test.jsx} |  0
 ...ext-menu.test.js => context-menu.test.jsx} |  0
 ...-folder.test.js => create-folder.test.jsx} |  0
 ...-entity.test.js => delete-entity.test.jsx} |  0
 ...-entity.test.js => rename-entity.test.jsx} |  0
 ...ith-context.js => render-with-context.jsx} |  0
 ...ader.test.js => file-view-header.test.jsx} |  0
 ...image.test.js => file-view-image.test.jsx} |  2 +-
 ...w-text.test.js => file-view-text.test.jsx} |  2 +-
 .../{file-view.test.js => file-view.test.jsx} |  2 +-
 ....js => hotkeys-modal-bottom-text.test.jsx} |  0
 ...s-modal.test.js => hotkeys-modal.test.jsx} |  0
 ...ine-item.test.js => outline-item.test.jsx} |  0
 ...ine-list.test.js => outline-list.test.jsx} |  0
 ...ine-pane.test.js => outline-pane.test.jsx} |  0
 ...ine-root.test.js => outline-root.test.jsx} |  0
 ...l.test.js => share-project-modal.test.jsx} |  0
 ....test.js => switch-to-pdf-button.test.jsx} |  0
 .../languages/latex/latex-linter.test.ts      |  2 +-
 ...odal.test.js => word-count-modal.test.jsx} |  0
 ...itor-providers.js => editor-providers.jsx} |  0
 ...ith-context.js => render-with-context.jsx} |  0
 .../{icon.test.js => icon.test.jsx}           |  0
 ...pagination.test.js => pagination.test.jsx} |  0
 ...processing.test.js => processing.test.jsx} |  0
 ...e.test.js => use-expand-collapse.test.jsx} |  0
 services/web/webpack.config.js                | 24 ++++++-----
 258 files changed, 67 insertions(+), 62 deletions(-)
 rename services/web/frontend/js/features/chat/components/{chat-fallback-error.js => chat-fallback-error.jsx} (100%)
 rename services/web/frontend/js/features/chat/components/{chat-pane.js => chat-pane.jsx} (100%)
 rename services/web/frontend/js/features/chat/components/{infinite-scroll.js => infinite-scroll.jsx} (100%)
 rename services/web/frontend/js/features/chat/components/{message-list.js => message-list.jsx} (100%)
 rename services/web/frontend/js/features/chat/components/{message.js => message.jsx} (100%)
 rename services/web/frontend/js/features/chat/context/{chat-context.js => chat-context.jsx} (100%)
 rename services/web/frontend/js/features/clone-project-modal/components/{clone-project-modal-content.js => clone-project-modal-content.jsx} (100%)
 rename services/web/frontend/js/features/clone-project-modal/components/{clone-project-modal.js => clone-project-modal.jsx} (100%)
 rename services/web/frontend/js/features/clone-project-modal/components/{editor-clone-project-modal-wrapper.js => editor-clone-project-modal-wrapper.jsx} (100%)
 rename services/web/frontend/js/features/editor-navigation-toolbar/components/{chat-toggle-button.js => chat-toggle-button.jsx} (100%)
 rename services/web/frontend/js/features/editor-navigation-toolbar/components/{cobranding-logo.js => cobranding-logo.jsx} (100%)
 rename services/web/frontend/js/features/editor-navigation-toolbar/components/{editor-navigation-toolbar-root.js => editor-navigation-toolbar-root.jsx} (100%)
 rename services/web/frontend/js/features/editor-navigation-toolbar/components/{history-toggle-button.js => history-toggle-button.jsx} (100%)
 rename services/web/frontend/js/features/editor-navigation-toolbar/components/{layout-dropdown-button.js => layout-dropdown-button.jsx} (100%)
 rename services/web/frontend/js/features/editor-navigation-toolbar/components/{menu-button.js => menu-button.jsx} (100%)
 rename services/web/frontend/js/features/editor-navigation-toolbar/components/{online-users-widget.js => online-users-widget.jsx} (100%)
 rename services/web/frontend/js/features/editor-navigation-toolbar/components/{share-project-button.js => share-project-button.jsx} (100%)
 rename services/web/frontend/js/features/editor-navigation-toolbar/components/{toolbar-header.js => toolbar-header.jsx} (100%)
 rename services/web/frontend/js/features/editor-navigation-toolbar/components/{track-changes-toggle-button.js => track-changes-toggle-button.jsx} (100%)
 rename services/web/frontend/js/features/editor-navigation-toolbar/components/{upgrade-prompt.js => upgrade-prompt.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/{file-tree-context-menu.js => file-tree-context-menu.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/{file-tree-context.js => file-tree-context.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/file-tree-create/{danger-message.js => danger-message.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/file-tree-create/{error-message.js => error-message.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/file-tree-create/{file-tree-create-name-input.js => file-tree-create-name-input.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/file-tree-create/{file-tree-modal-create-file-body.js => file-tree-modal-create-file-body.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/file-tree-create/{file-tree-modal-create-file-footer.js => file-tree-modal-create-file-footer.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/file-tree-create/{file-tree-modal-create-file-mode.js => file-tree-modal-create-file-mode.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/file-tree-create/modes/{file-tree-create-new-doc.js => file-tree-create-new-doc.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/file-tree-create/modes/{file-tree-import-from-project.js => file-tree-import-from-project.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/file-tree-create/modes/{file-tree-import-from-url.js => file-tree-import-from-url.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/file-tree-create/modes/{file-tree-upload-doc.js => file-tree-upload-doc.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/file-tree-create/{redirect-to-login.js => redirect-to-login.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/{file-tree-doc.js => file-tree-doc.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/{file-tree-draggable-preview-layer.js => file-tree-draggable-preview-layer.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/{file-tree-error.js => file-tree-error.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/{file-tree-folder-list.js => file-tree-folder-list.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/{file-tree-folder.js => file-tree-folder.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/file-tree-item/{file-tree-item-inner.js => file-tree-item-inner.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/file-tree-item/{file-tree-item-menu-items.js => file-tree-item-menu-items.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/file-tree-item/{file-tree-item-menu.js => file-tree-item-menu.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/file-tree-item/{file-tree-item-name.js => file-tree-item-name.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/{file-tree-root.js => file-tree-root.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/{file-tree-toolbar.js => file-tree-toolbar.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/modals/{file-tree-modal-create-file.js => file-tree-modal-create-file.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/modals/{file-tree-modal-create-folder.js => file-tree-modal-create-folder.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/modals/{file-tree-modal-delete.js => file-tree-modal-delete.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/components/modals/{file-tree-modal-error.js => file-tree-modal-error.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/contexts/{file-tree-actionable.js => file-tree-actionable.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/contexts/{file-tree-create-form.js => file-tree-create-form.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/contexts/{file-tree-create-name.js => file-tree-create-name.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/contexts/{file-tree-draggable.js => file-tree-draggable.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/contexts/{file-tree-main.js => file-tree-main.jsx} (100%)
 rename services/web/frontend/js/features/file-tree/contexts/{file-tree-selectable.js => file-tree-selectable.jsx} (100%)
 rename services/web/frontend/js/features/file-view/components/{file-view-icons.js => file-view-icons.jsx} (100%)
 rename services/web/frontend/js/features/file-view/components/{file-view-image.js => file-view-image.jsx} (100%)
 rename services/web/frontend/js/features/file-view/components/{file-view-text.js => file-view-text.jsx} (100%)
 rename services/web/frontend/js/features/file-view/components/{file-view.js => file-view.jsx} (100%)
 rename services/web/frontend/js/features/hotkeys-modal/components/{hotkeys-modal-bottom-text.js => hotkeys-modal-bottom-text.jsx} (100%)
 rename services/web/frontend/js/features/hotkeys-modal/components/{hotkeys-modal.js => hotkeys-modal.jsx} (100%)
 rename services/web/frontend/js/features/outline/components/{outline-item.js => outline-item.jsx} (100%)
 rename services/web/frontend/js/features/outline/components/{outline-list.js => outline-list.jsx} (100%)
 rename services/web/frontend/js/features/outline/components/{outline-pane.js => outline-pane.jsx} (100%)
 rename services/web/frontend/js/features/outline/components/{outline-root.js => outline-root.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{detach-compile-button-wrapper.js => detach-compile-button-wrapper.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{detach-synctex-control.js => detach-synctex-control.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-clear-cache-button.js => pdf-clear-cache-button.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-code-check-failed-notice.js => pdf-code-check-failed-notice.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-compile-button.js => pdf-compile-button.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-download-files-button.js => pdf-download-files-button.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-file-list.js => pdf-file-list.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-hybrid-code-check-button.js => pdf-hybrid-code-check-button.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-js-viewer.js => pdf-js-viewer.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-log-entry-content.js => pdf-log-entry-content.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-log-entry-raw-content.js => pdf-log-entry-raw-content.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-log-entry.js => pdf-log-entry.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-logs-entries.js => pdf-logs-entries.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-logs-viewer.js => pdf-logs-viewer.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-orphan-refresh-button.js => pdf-orphan-refresh-button.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-preview-detached-root.js => pdf-preview-detached-root.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-preview-error-boundary-fallback.js => pdf-preview-error-boundary-fallback.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-preview-error.js => pdf-preview-error.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-preview-hybrid-toolbar.js => pdf-preview-hybrid-toolbar.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-preview-pane.js => pdf-preview-pane.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-preview.js => pdf-preview.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-synctex-controls.js => pdf-synctex-controls.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-validation-issue.js => pdf-validation-issue.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-viewer-controls.js => pdf-viewer-controls.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{pdf-viewer.js => pdf-viewer.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{stop-on-first-error-prompt.js => stop-on-first-error-prompt.jsx} (100%)
 rename services/web/frontend/js/features/pdf-preview/components/{timeout-upgrade-prompt.js => timeout-upgrade-prompt.jsx} (100%)
 rename services/web/frontend/js/features/preview/components/{preview-log-entry-header.js => preview-log-entry-header.jsx} (100%)
 rename services/web/frontend/js/features/preview/components/{preview-logs-pane-max-entries.js => preview-logs-pane-max-entries.jsx} (100%)
 rename services/web/frontend/js/features/share-project-modal/components/{add-collaborators-upgrade-content-default.js => add-collaborators-upgrade-content-default.jsx} (100%)
 rename services/web/frontend/js/features/share-project-modal/components/{add-collaborators-upgrade-content-variant.js => add-collaborators-upgrade-content-variant.jsx} (100%)
 rename services/web/frontend/js/features/share-project-modal/components/{add-collaborators-upgrade.js => add-collaborators-upgrade.jsx} (100%)
 rename services/web/frontend/js/features/share-project-modal/components/{add-collaborators.js => add-collaborators.jsx} (100%)
 rename services/web/frontend/js/features/share-project-modal/components/{edit-member.js => edit-member.jsx} (100%)
 rename services/web/frontend/js/features/share-project-modal/components/{invite.js => invite.jsx} (100%)
 rename services/web/frontend/js/features/share-project-modal/components/{link-sharing.js => link-sharing.jsx} (100%)
 rename services/web/frontend/js/features/share-project-modal/components/{member-privileges.js => member-privileges.jsx} (100%)
 rename services/web/frontend/js/features/share-project-modal/components/{owner-info.js => owner-info.jsx} (100%)
 rename services/web/frontend/js/features/share-project-modal/components/{select-collaborators.js => select-collaborators.jsx} (100%)
 rename services/web/frontend/js/features/share-project-modal/components/{send-invites-notice.js => send-invites-notice.jsx} (100%)
 rename services/web/frontend/js/features/share-project-modal/components/{send-invites.js => send-invites.jsx} (100%)
 rename services/web/frontend/js/features/share-project-modal/components/{share-modal-body.js => share-modal-body.jsx} (100%)
 rename services/web/frontend/js/features/share-project-modal/components/{share-project-modal-content.js => share-project-modal-content.jsx} (100%)
 rename services/web/frontend/js/features/share-project-modal/components/{share-project-modal.js => share-project-modal.jsx} (100%)
 rename services/web/frontend/js/features/share-project-modal/components/{transfer-ownership-modal.js => transfer-ownership-modal.jsx} (100%)
 rename services/web/frontend/js/features/share-project-modal/components/{view-member.js => view-member.jsx} (100%)
 rename services/web/frontend/js/features/source-editor/components/{switch-to-pdf-button.js => switch-to-pdf-button.jsx} (100%)
 rename services/web/frontend/js/features/word-count-modal/components/{word-count-modal-content.js => word-count-modal-content.jsx} (100%)
 rename services/web/frontend/js/features/word-count-modal/components/{word-count-modal.js => word-count-modal.jsx} (100%)
 rename services/web/frontend/js/ide/human-readable-logs/{HumanReadableLogsHints.js => HumanReadableLogsHints.jsx} (100%)
 rename services/web/frontend/js/infrastructure/{error-boundary.js => error-boundary.jsx} (100%)
 rename services/web/frontend/js/pages/{project-list.js => project-list.jsx} (100%)
 rename services/web/frontend/js/pages/user/{settings.js => settings.jsx} (100%)
 rename services/web/frontend/js/pages/user/subscription/{canceled-subscription.js => canceled-subscription.jsx} (100%)
 rename services/web/frontend/js/pages/user/subscription/{dashboard.js => dashboard.jsx} (100%)
 rename services/web/frontend/js/pages/user/subscription/group-management/{group-managers.js => group-managers.jsx} (100%)
 rename services/web/frontend/js/pages/user/subscription/group-management/{group-members.js => group-members.jsx} (100%)
 rename services/web/frontend/js/pages/user/subscription/group-management/{institution-managers.js => institution-managers.jsx} (100%)
 rename services/web/frontend/js/pages/user/subscription/group-management/{publisher-managers.js => publisher-managers.jsx} (100%)
 rename services/web/frontend/js/pages/user/subscription/{invite-managed.js => invite-managed.jsx} (100%)
 rename services/web/frontend/js/pages/user/subscription/{new.js => new.jsx} (100%)
 rename services/web/frontend/js/pages/user/subscription/{successful-subscription.js => successful-subscription.jsx} (100%)
 rename services/web/frontend/js/shared/components/{icon-checked.js => icon-checked.jsx} (100%)
 rename services/web/frontend/js/shared/components/{loading-spinner.js => loading-spinner.jsx} (100%)
 rename services/web/frontend/js/shared/components/{pagination.js => pagination.jsx} (100%)
 rename services/web/frontend/js/shared/components/{processing.js => processing.jsx} (100%)
 rename services/web/frontend/js/shared/components/{recaptcha-conditions.js => recaptcha-conditions.jsx} (100%)
 rename services/web/frontend/js/shared/components/{upgrade-benefits.js => upgrade-benefits.jsx} (100%)
 rename services/web/frontend/js/shared/context/{detach-compile-context.js => detach-compile-context.jsx} (100%)
 rename services/web/frontend/js/shared/context/{detach-context.js => detach-context.jsx} (100%)
 rename services/web/frontend/js/shared/context/{editor-context.js => editor-context.jsx} (100%)
 rename services/web/frontend/js/shared/context/{file-tree-data-context.js => file-tree-data-context.jsx} (100%)
 rename services/web/frontend/js/shared/context/{layout-context.js => layout-context.jsx} (100%)
 rename services/web/frontend/js/shared/context/{local-compile-context.js => local-compile-context.jsx} (100%)
 rename services/web/frontend/js/shared/context/{project-context.js => project-context.jsx} (100%)
 rename services/web/frontend/js/shared/context/{root-context.js => root-context.jsx} (100%)
 rename services/web/frontend/js/shared/context/{split-test-context.js => split-test-context.jsx} (100%)
 rename services/web/frontend/js/shared/context/{user-context.js => user-context.jsx} (100%)
 rename services/web/frontend/js/shared/svgs/{dropbox-logo.js => dropbox-logo.jsx} (100%)
 rename services/web/frontend/js/shared/svgs/{git-bridge-logo.js => git-bridge-logo.jsx} (100%)
 rename services/web/frontend/js/shared/svgs/{github-logo.js => github-logo.jsx} (100%)
 rename services/web/frontend/js/shared/svgs/{google-logo.js => google-logo.jsx} (100%)
 rename services/web/frontend/js/shared/svgs/{ieee-logo.js => ieee-logo.jsx} (100%)
 rename services/web/frontend/js/shared/svgs/{mendeley-logo.js => mendeley-logo.jsx} (100%)
 rename services/web/frontend/js/shared/svgs/{orcid-logo.js => orcid-logo.jsx} (100%)
 rename services/web/frontend/js/shared/svgs/{zotero-logo.js => zotero-logo.jsx} (100%)
 rename services/web/frontend/stories/{chat.stories.js => chat.stories.jsx} (100%)
 rename services/web/frontend/stories/{clone-project-modal.stories.js => clone-project-modal.stories.jsx} (100%)
 rename services/web/frontend/stories/{contact-us-modal.stories.js => contact-us-modal.stories.jsx} (100%)
 rename services/web/frontend/stories/{dropdown.stories.js => dropdown.stories.jsx} (100%)
 rename services/web/frontend/stories/{editor-navigation-toolbar.stories.js => editor-navigation-toolbar.stories.jsx} (100%)
 rename services/web/frontend/stories/{editor-switch.stories.js => editor-switch.stories.jsx} (100%)
 rename services/web/frontend/stories/{file-tree.stories.js => file-tree.stories.jsx} (100%)
 rename services/web/frontend/stories/{file-view.stories.js => file-view.stories.jsx} (100%)
 rename services/web/frontend/stories/{hotkeys-modal.stories.js => hotkeys-modal.stories.jsx} (100%)
 rename services/web/frontend/stories/{icon.stories.js => icon.stories.jsx} (100%)
 rename services/web/frontend/stories/{linked-file.stories.js => linked-file.stories.jsx} (100%)
 rename services/web/frontend/stories/modals/create-file/{create-file-modal-decorator.js => create-file-modal-decorator.jsx} (100%)
 rename services/web/frontend/stories/modals/create-file/{create-file-modal-footer.stories.js => create-file-modal-footer.stories.jsx} (100%)
 rename services/web/frontend/stories/modals/create-file/{create-file-modal.stories.js => create-file-modal.stories.jsx} (100%)
 rename services/web/frontend/stories/modals/create-file/{create-file-name-input.stories.js => create-file-name-input.stories.jsx} (100%)
 rename services/web/frontend/stories/modals/create-file/{error-message.stories.js => error-message.stories.jsx} (100%)
 rename services/web/frontend/stories/modals/{modal-decorators.js => modal-decorators.jsx} (100%)
 rename services/web/frontend/stories/{outline.stories.js => outline.stories.jsx} (100%)
 rename services/web/frontend/stories/{pagination.stories.js => pagination.stories.jsx} (100%)
 rename services/web/frontend/stories/{pdf-preview-error-boundary.stories.js => pdf-preview-error-boundary.stories.jsx} (100%)
 rename services/web/frontend/stories/{pdf-preview-messages.stories.js => pdf-preview-messages.stories.jsx} (100%)
 rename services/web/frontend/stories/{pdf-preview.stories.js => pdf-preview.stories.jsx} (100%)
 rename services/web/frontend/stories/{pdf-viewer.stories.js => pdf-viewer.stories.jsx} (100%)
 rename services/web/frontend/stories/settings/{account-info.stories.js => account-info.stories.jsx} (100%)
 rename services/web/frontend/stories/settings/{beta-program.stories.js => beta-program.stories.jsx} (100%)
 rename services/web/frontend/stories/settings/{emails.stories.js => emails.stories.jsx} (100%)
 rename services/web/frontend/stories/settings/{leave.stories.js => leave.stories.jsx} (100%)
 rename services/web/frontend/stories/settings/{linking.stories.js => linking.stories.jsx} (100%)
 rename services/web/frontend/stories/settings/{newsletter.stories.js => newsletter.stories.jsx} (100%)
 rename services/web/frontend/stories/settings/{page.stories.js => page.stories.jsx} (100%)
 rename services/web/frontend/stories/settings/{password.stories.js => password.stories.jsx} (100%)
 rename services/web/frontend/stories/settings/{sessions.stories.js => sessions.stories.jsx} (100%)
 rename services/web/frontend/stories/{share-project-modal.stories.js => share-project-modal.stories.jsx} (100%)
 rename services/web/frontend/stories/{split-test-badge.stories.js => split-test-badge.stories.jsx} (100%)
 rename services/web/frontend/stories/{start-free-trial-button.stories.js => start-free-trial-button.stories.jsx} (100%)
 rename services/web/frontend/stories/{style-guide.stories.js => style-guide.stories.jsx} (100%)
 rename services/web/frontend/stories/{use-expand-collapse.stories.js => use-expand-collapse.stories.jsx} (100%)
 rename services/web/frontend/stories/{word-count-modal.stories.js => word-count-modal.stories.jsx} (100%)
 rename services/web/modules/user-activate/frontend/js/components/{register-form.js => register-form.jsx} (100%)
 rename services/web/modules/user-activate/frontend/js/components/{user-activate-register.js => user-activate-register.jsx} (100%)
 rename services/web/modules/user-activate/frontend/js/pages/{user-activate-page.js => user-activate-page.jsx} (100%)
 rename services/web/modules/user-activate/test/frontend/js/components/{register-form.test.js => register-form.test.jsx} (100%)
 rename services/web/modules/user-activate/test/frontend/js/components/{user-activate-register.test.js => user-activate-register.test.jsx} (100%)
 rename services/web/test/frontend/features/chat/components/{chat-pane.test.js => chat-pane.test.jsx} (100%)
 rename services/web/test/frontend/features/chat/components/{message-input.test.js => message-input.test.jsx} (100%)
 rename services/web/test/frontend/features/chat/components/{message-list.test.js => message-list.test.jsx} (100%)
 rename services/web/test/frontend/features/chat/components/{message.test.js => message.test.jsx} (100%)
 rename services/web/test/frontend/features/chat/context/{chat-context.test.js => chat-context.test.jsx} (100%)
 rename services/web/test/frontend/features/clone-project-modal/components/{clone-project-modal.test.js => clone-project-modal.test.jsx} (100%)
 rename services/web/test/frontend/features/dictionary/components/{dictionary-modal-content.test.js => dictionary-modal-content.test.jsx} (100%)
 rename services/web/test/frontend/features/editor-left-menu/components/{actions-copy-project.test.js => actions-copy-project.test.jsx} (100%)
 rename services/web/test/frontend/features/editor-left-menu/components/{actions-menu.test.js => actions-menu.test.jsx} (100%)
 rename services/web/test/frontend/features/editor-left-menu/components/{actions-word-count.test.js => actions-word-count.test.jsx} (100%)
 rename services/web/test/frontend/features/editor-left-menu/components/{download-menu.test.js => download-menu.test.jsx} (100%)
 rename services/web/test/frontend/features/editor-left-menu/components/{help-contact-us.test.js => help-contact-us.test.jsx} (100%)
 rename services/web/test/frontend/features/editor-left-menu/components/{help-documentation.test.js => help-documentation.test.jsx} (100%)
 rename services/web/test/frontend/features/editor-left-menu/components/{help-menu.test.js => help-menu.test.jsx} (100%)
 rename services/web/test/frontend/features/editor-left-menu/components/{help-show-hotkeys.test.js => help-show-hotkeys.test.jsx} (100%)
 rename services/web/test/frontend/features/editor-navigation-toolbar/components/{chat-toggle-button.test.js => chat-toggle-button.test.jsx} (100%)
 rename services/web/test/frontend/features/editor-navigation-toolbar/components/{layout-dropdown-button.test.js => layout-dropdown-button.test.jsx} (100%)
 rename services/web/test/frontend/features/editor-navigation-toolbar/components/{online-users-widget.test.js => online-users-widget.test.jsx} (100%)
 rename services/web/test/frontend/features/editor-navigation-toolbar/components/{project-name-editable-label.test.js => project-name-editable-label.test.jsx} (100%)
 rename services/web/test/frontend/features/editor-navigation-toolbar/components/{toolbar-header.test.js => toolbar-header.test.jsx} (100%)
 rename services/web/test/frontend/features/file-tree/components/file-tree-create/{file-tree-create-name-input.test.js => file-tree-create-name-input.test.jsx} (100%)
 rename services/web/test/frontend/features/file-tree/components/file-tree-create/{file-tree-modal-create-file.test.js => file-tree-modal-create-file.test.jsx} (100%)
 rename services/web/test/frontend/features/file-tree/components/{file-tree-doc.test.js => file-tree-doc.test.jsx} (100%)
 rename services/web/test/frontend/features/file-tree/components/{file-tree-folder-list.test.js => file-tree-folder-list.test.jsx} (100%)
 rename services/web/test/frontend/features/file-tree/components/{file-tree-folder.test.js => file-tree-folder.test.jsx} (100%)
 rename services/web/test/frontend/features/file-tree/components/file-tree-item/{file-tree-item-inner.test.js => file-tree-item-inner.test.jsx} (100%)
 rename services/web/test/frontend/features/file-tree/components/file-tree-item/{file-tree-item-name.test.js => file-tree-item-name.test.jsx} (100%)
 rename services/web/test/frontend/features/file-tree/components/{file-tree-root.test.js => file-tree-root.test.jsx} (100%)
 rename services/web/test/frontend/features/file-tree/components/{file-tree-toolbar.test.js => file-tree-toolbar.test.jsx} (100%)
 rename services/web/test/frontend/features/file-tree/flows/{context-menu.test.js => context-menu.test.jsx} (100%)
 rename services/web/test/frontend/features/file-tree/flows/{create-folder.test.js => create-folder.test.jsx} (100%)
 rename services/web/test/frontend/features/file-tree/flows/{delete-entity.test.js => delete-entity.test.jsx} (100%)
 rename services/web/test/frontend/features/file-tree/flows/{rename-entity.test.js => rename-entity.test.jsx} (100%)
 rename services/web/test/frontend/features/file-tree/helpers/{render-with-context.js => render-with-context.jsx} (100%)
 rename services/web/test/frontend/features/file-view/components/{file-view-header.test.js => file-view-header.test.jsx} (100%)
 rename services/web/test/frontend/features/file-view/components/{file-view-image.test.js => file-view-image.test.jsx} (94%)
 rename services/web/test/frontend/features/file-view/components/{file-view-text.test.js => file-view-text.test.jsx} (96%)
 rename services/web/test/frontend/features/file-view/components/{file-view.test.js => file-view.test.jsx} (98%)
 rename services/web/test/frontend/features/hotkeys-modal/components/{hotkeys-modal-bottom-text.test.js => hotkeys-modal-bottom-text.test.jsx} (100%)
 rename services/web/test/frontend/features/hotkeys-modal/components/{hotkeys-modal.test.js => hotkeys-modal.test.jsx} (100%)
 rename services/web/test/frontend/features/outline/components/{outline-item.test.js => outline-item.test.jsx} (100%)
 rename services/web/test/frontend/features/outline/components/{outline-list.test.js => outline-list.test.jsx} (100%)
 rename services/web/test/frontend/features/outline/components/{outline-pane.test.js => outline-pane.test.jsx} (100%)
 rename services/web/test/frontend/features/outline/components/{outline-root.test.js => outline-root.test.jsx} (100%)
 rename services/web/test/frontend/features/share-project-modal/components/{share-project-modal.test.js => share-project-modal.test.jsx} (100%)
 rename services/web/test/frontend/features/source-editor/components/{switch-to-pdf-button.test.js => switch-to-pdf-button.test.jsx} (100%)
 rename services/web/test/frontend/features/word-count-modal/components/{word-count-modal.test.js => word-count-modal.test.jsx} (100%)
 rename services/web/test/frontend/helpers/{editor-providers.js => editor-providers.jsx} (100%)
 rename services/web/test/frontend/helpers/{render-with-context.js => render-with-context.jsx} (100%)
 rename services/web/test/frontend/shared/components/{icon.test.js => icon.test.jsx} (100%)
 rename services/web/test/frontend/shared/components/{pagination.test.js => pagination.test.jsx} (100%)
 rename services/web/test/frontend/shared/components/{processing.test.js => processing.test.jsx} (100%)
 rename services/web/test/frontend/shared/hooks/{use-expand-collapse.test.js => use-expand-collapse.test.jsx} (100%)

diff --git a/services/web/.eslintrc b/services/web/.eslintrc
index 4edc2a311f..f962c69e27 100644
--- a/services/web/.eslintrc
+++ b/services/web/.eslintrc
@@ -112,7 +112,7 @@
     },
     {
       // Cypress specific rules
-      "files": ["cypress/**/*.{js,ts,tsx}", "**/test/frontend/**/*.spec.{js,ts,tsx}"],
+      "files": ["cypress/**/*.{js,jsx,ts,tsx}", "**/test/frontend/**/*.spec.{js,jsx,ts,tsx}"],
       "extends": [
         "plugin:cypress/recommended"
       ]
@@ -120,7 +120,7 @@
     {
       // React component specific rules
       //
-      "files": ["**/frontend/js/**/components/**/*.{js,ts,tsx}", "**/frontend/js/**/hooks/**/*.{js,ts,tsx}"],
+      "files": ["**/frontend/js/**/components/**/*.{js,jsx,ts,tsx}", "**/frontend/js/**/hooks/**/*.{js,jsx,ts,tsx}"],
       "rules": {
         // https://astexplorer.net/
         "no-restricted-syntax": [
@@ -150,15 +150,12 @@
     },
     {
       // Frontend specific rules
-      "files": ["**/frontend/js/**/*.{js,ts,tsx}", "**/frontend/stories/**/*.{js,ts,tsx}", "**/*.stories.{js,ts,tsx}", "**/test/frontend/**/*.{js,ts,tsx}", "**/test/frontend/components/**/*.spec.{js,ts,tsx}"],
+      "files": ["**/frontend/js/**/*.{js,jsx,ts,tsx}", "**/frontend/stories/**/*.{js,jsx,ts,tsx}", "**/*.stories.{js,jsx,ts,tsx}", "**/test/frontend/**/*.{js,jsx,ts,tsx}", "**/test/frontend/components/**/*.spec.{js,jsx,ts,tsx}"],
       "env": {
         "browser": true
       },
       "parserOptions": {
-        "sourceType": "module",
-        "ecmaFeatures": {
-          "jsx": true
-        }
+        "sourceType": "module"
       },
       "plugins": [
         "jsx-a11y"
@@ -233,7 +230,12 @@
               ]
             }
           }
-        ]
+        ],
+
+        // Require .jsx or .tsx file extension when using JSX
+        "react/jsx-filename-extension": ["error", {
+          "extensions": [".jsx", ".tsx"]
+        }]
       }
     },
     // React + TypeScript-specific rules
@@ -277,13 +279,13 @@
         "**/app/**/*.{js,cjs,mjs}", "app.js", "modules/*/*.js",
         // Frontend: Prefer debugConsole over bare console
         //           Docs: https://manual.dev-overleaf.com/development/code/logging/#frontend
-        "**/frontend/**/*.{js,ts,tsx}"
+        "**/frontend/**/*.{js,jsx,ts,tsx}"
       ],
       "excludedFiles": [
         // Allow console logs in scripts
         "**/scripts/**/*.js",
         // Allow console logs in stories
-        "**/stories/**/*.{js,ts,tsx}",
+        "**/stories/**/*.{js,jsx,ts,tsx}",
         // Workers do not have access to the search params for enabling ?debug=true.
         // self.location.url is the URL of the worker script.
         "*.worker.{js,ts}"
diff --git a/services/web/Makefile b/services/web/Makefile
index 1d1570aaa1..09b7e63df4 100644
--- a/services/web/Makefile
+++ b/services/web/Makefile
@@ -153,15 +153,15 @@ build_test_frontend_ct:
 	COMPOSE_PROJECT_NAME=frontend_test_ct_editor_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) build test_frontend_ct
 
 test_frontend_ct_core: export CYPRESS_RESULTS=./cypress/results/core
-test_frontend_ct_core: export CYPRESS_SPEC_PATTERN=./{test,modules/**/test}/frontend/**/*.spec.{js,ts,tsx}
-test_frontend_ct_core: export CYPRESS_EXCLUDE_SPEC_PATTERN=./test/frontend/features/source-editor/**/*.spec.{js,ts,tsx}
+test_frontend_ct_core: export CYPRESS_SPEC_PATTERN=./{test,modules/**/test}/frontend/**/*.spec.{js,jsx,ts,tsx}
+test_frontend_ct_core: export CYPRESS_EXCLUDE_SPEC_PATTERN=./test/frontend/features/source-editor/**/*.spec.{js,jsx,ts,tsx}
 test_frontend_ct_core:
 	COMPOSE_PROJECT_NAME=frontend_test_ct_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down -v -t 0
 	COMPOSE_PROJECT_NAME=frontend_test_ct_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) run --rm test_frontend_ct
 	COMPOSE_PROJECT_NAME=frontend_test_ct_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down -v -t 0
 
 test_frontend_ct_editor: export CYPRESS_RESULTS=./cypress/results/editor
-test_frontend_ct_editor: export CYPRESS_SPEC_PATTERN=./test/frontend/features/source-editor/**/*.spec.{js,ts,tsx}
+test_frontend_ct_editor: export CYPRESS_SPEC_PATTERN=./test/frontend/features/source-editor/**/*.spec.{js,jsx,ts,tsx}
 test_frontend_ct_editor:
 	COMPOSE_PROJECT_NAME=frontend_test_ct_editor_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down -v -t 0
 	COMPOSE_PROJECT_NAME=frontend_test_ct_editor_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) run --rm test_frontend_ct
@@ -410,17 +410,17 @@ $(WITH_NODE_MODULES_PATH): export PATH=$(NODE_MODULES_PATH)
 lint: lint_backend
 lint_backend:
 	npx eslint \
-		'app.{js,mjs,ts,tsx}' \
-		'app/**/*.{js,mjs,ts,tsx}' \
-		'modules/*/index.{js,mjs,ts,tsx}' \
-		'modules/*/app/**/*.{js,mjs,ts,tsx}' \
+		'app.{js,jsx,mjs,ts,tsx}' \
+		'app/**/*.{js,jsx,mjs,ts,tsx}' \
+		'modules/*/index.{js,jsx,mjs,ts,tsx}' \
+		'modules/*/app/**/*.{js,jsx,mjs,ts,tsx}' \
 		--max-warnings=0
 
 lint: lint_frontend
 lint_frontend:
 	npx eslint \
-		'frontend/**/*.{js,mjs,ts,tsx}' \
-		'modules/**/frontend/**/*.{js,mjs,ts,tsx}' \
+		'frontend/**/*.{js,jsx,mjs,ts,tsx}' \
+		'modules/**/frontend/**/*.{js,jsx,mjs,ts,tsx}' \
 		--max-warnings=0
 
 lint: lint_test
@@ -428,34 +428,34 @@ lint_test: lint_test_app
 lint_test_app: lint_test_app_unit
 lint_test_app_unit:
 	npx eslint \
-		'test/unit/**/*.{js,mjs,ts,tsx}' \
+		'test/unit/**/*.{js,jsx,mjs,ts,tsx}' \
 		--max-warnings=0
 
 lint_test_app: lint_test_app_rest
 lint_test_app_rest:
 	npx eslint \
-		'test/**/*.{js,mjs,ts,tsx}' \
-		--ignore-pattern 'test/unit/**/*.{js,mjs,ts,tsx}' \
+		'test/**/*.{js,jsx,mjs,ts,tsx}' \
+		--ignore-pattern 'test/unit/**/*.{js,jsx,mjs,ts,tsx}' \
 		--max-warnings=0
 
 lint_test: lint_test_modules
 lint_test_modules:
 	npx eslint \
-		'modules/*/test/**/*.{js,mjs,ts,tsx}' \
+		'modules/*/test/**/*.{js,jsx,mjs,ts,tsx}' \
 		--max-warnings=0
 
 lint: lint_misc
 # migrations, scripts, webpack config, karma config
 lint_misc:
 	npx eslint . \
-		--ignore-pattern 'app.{js,mjs,ts,tsx}' \
-		--ignore-pattern 'app/**/*.{js,mjs,ts,tsx}' \
-		--ignore-pattern 'modules/*/app/**/*.{js,mjs,ts,tsx}' \
-		--ignore-pattern 'modules/*/index.{js,mjs,ts,tsx}' \
-		--ignore-pattern 'frontend/**/*.{js,mjs,ts,tsx}' \
-		--ignore-pattern 'modules/**/frontend/**/*.{js,mjs,ts,tsx}' \
-		--ignore-pattern 'test/**/*.{js,mjs,ts,tsx}' \
-		--ignore-pattern 'modules/*/test/**/*.{js,mjs,ts,tsx}' \
+		--ignore-pattern 'app.{js,jsx,mjs,ts,tsx}' \
+		--ignore-pattern 'app/**/*.{js,jsx,mjs,ts,tsx}' \
+		--ignore-pattern 'modules/*/app/**/*.{js,jsx,mjs,ts,tsx}' \
+		--ignore-pattern 'modules/*/index.{js,jsx,mjs,ts,tsx}' \
+		--ignore-pattern 'frontend/**/*.{js,jsx,mjs,ts,tsx}' \
+		--ignore-pattern 'modules/**/frontend/**/*.{js,jsx,mjs,ts,tsx}' \
+		--ignore-pattern 'test/**/*.{js,jsx,mjs,ts,tsx}' \
+		--ignore-pattern 'modules/*/test/**/*.{js,jsx,mjs,ts,tsx}' \
 		--max-warnings=0
 
 lint: lint_pug
diff --git a/services/web/cypress.config.ts b/services/web/cypress.config.ts
index 7f1a992ffa..424053b47e 100644
--- a/services/web/cypress.config.ts
+++ b/services/web/cypress.config.ts
@@ -20,7 +20,7 @@ export default defineConfig({
     },
     specPattern:
       process.env.CYPRESS_SPEC_PATTERN ||
-      './{test,modules/**/test}/frontend/**/*.spec.{js,ts,tsx}',
+      './{test,modules/**/test}/frontend/**/*.spec.{js,jsx,ts,tsx}',
     excludeSpecPattern: process.env.CYPRESS_EXCLUDE_SPEC_PATTERN,
   },
   retries: {
diff --git a/services/web/cypress/support/webpack.cypress.ts b/services/web/cypress/support/webpack.cypress.ts
index e422402ec4..cf2e86545d 100644
--- a/services/web/cypress/support/webpack.cypress.ts
+++ b/services/web/cypress/support/webpack.cypress.ts
@@ -31,13 +31,13 @@ const buildConfig = () => {
   // add entrypoint under '/' for latex-linter worker
   addWorker(
     'latex-linter-worker',
-    '../../frontend/js/features/source-editor/languages/latex/linter/latex-linter.worker.js'
+    '../../frontend/js/features/source-editor/languages/latex/linter/latex-linter.worker'
   )
 
   // add entrypoints under '/' for pdfjs workers
   const pdfjsVersions = ['pdfjs-dist213', 'pdfjs-dist36']
   for (const name of pdfjsVersions) {
-    addWorker(name, `${name}/legacy/build/pdf.worker.js`)
+    addWorker(name, `${name}/legacy/build/pdf.worker`)
   }
 
   return webpackConfig
diff --git a/services/web/frontend/js/features/chat/components/chat-fallback-error.js b/services/web/frontend/js/features/chat/components/chat-fallback-error.jsx
similarity index 100%
rename from services/web/frontend/js/features/chat/components/chat-fallback-error.js
rename to services/web/frontend/js/features/chat/components/chat-fallback-error.jsx
diff --git a/services/web/frontend/js/features/chat/components/chat-pane.js b/services/web/frontend/js/features/chat/components/chat-pane.jsx
similarity index 100%
rename from services/web/frontend/js/features/chat/components/chat-pane.js
rename to services/web/frontend/js/features/chat/components/chat-pane.jsx
diff --git a/services/web/frontend/js/features/chat/components/infinite-scroll.js b/services/web/frontend/js/features/chat/components/infinite-scroll.jsx
similarity index 100%
rename from services/web/frontend/js/features/chat/components/infinite-scroll.js
rename to services/web/frontend/js/features/chat/components/infinite-scroll.jsx
diff --git a/services/web/frontend/js/features/chat/components/message-list.js b/services/web/frontend/js/features/chat/components/message-list.jsx
similarity index 100%
rename from services/web/frontend/js/features/chat/components/message-list.js
rename to services/web/frontend/js/features/chat/components/message-list.jsx
diff --git a/services/web/frontend/js/features/chat/components/message.js b/services/web/frontend/js/features/chat/components/message.jsx
similarity index 100%
rename from services/web/frontend/js/features/chat/components/message.js
rename to services/web/frontend/js/features/chat/components/message.jsx
diff --git a/services/web/frontend/js/features/chat/context/chat-context.js b/services/web/frontend/js/features/chat/context/chat-context.jsx
similarity index 100%
rename from services/web/frontend/js/features/chat/context/chat-context.js
rename to services/web/frontend/js/features/chat/context/chat-context.jsx
diff --git a/services/web/frontend/js/features/clone-project-modal/components/clone-project-modal-content.js b/services/web/frontend/js/features/clone-project-modal/components/clone-project-modal-content.jsx
similarity index 100%
rename from services/web/frontend/js/features/clone-project-modal/components/clone-project-modal-content.js
rename to services/web/frontend/js/features/clone-project-modal/components/clone-project-modal-content.jsx
diff --git a/services/web/frontend/js/features/clone-project-modal/components/clone-project-modal.js b/services/web/frontend/js/features/clone-project-modal/components/clone-project-modal.jsx
similarity index 100%
rename from services/web/frontend/js/features/clone-project-modal/components/clone-project-modal.js
rename to services/web/frontend/js/features/clone-project-modal/components/clone-project-modal.jsx
diff --git a/services/web/frontend/js/features/clone-project-modal/components/editor-clone-project-modal-wrapper.js b/services/web/frontend/js/features/clone-project-modal/components/editor-clone-project-modal-wrapper.jsx
similarity index 100%
rename from services/web/frontend/js/features/clone-project-modal/components/editor-clone-project-modal-wrapper.js
rename to services/web/frontend/js/features/clone-project-modal/components/editor-clone-project-modal-wrapper.jsx
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/chat-toggle-button.js b/services/web/frontend/js/features/editor-navigation-toolbar/components/chat-toggle-button.jsx
similarity index 100%
rename from services/web/frontend/js/features/editor-navigation-toolbar/components/chat-toggle-button.js
rename to services/web/frontend/js/features/editor-navigation-toolbar/components/chat-toggle-button.jsx
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/cobranding-logo.js b/services/web/frontend/js/features/editor-navigation-toolbar/components/cobranding-logo.jsx
similarity index 100%
rename from services/web/frontend/js/features/editor-navigation-toolbar/components/cobranding-logo.js
rename to services/web/frontend/js/features/editor-navigation-toolbar/components/cobranding-logo.jsx
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/editor-navigation-toolbar-root.js b/services/web/frontend/js/features/editor-navigation-toolbar/components/editor-navigation-toolbar-root.jsx
similarity index 100%
rename from services/web/frontend/js/features/editor-navigation-toolbar/components/editor-navigation-toolbar-root.js
rename to services/web/frontend/js/features/editor-navigation-toolbar/components/editor-navigation-toolbar-root.jsx
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/history-toggle-button.js b/services/web/frontend/js/features/editor-navigation-toolbar/components/history-toggle-button.jsx
similarity index 100%
rename from services/web/frontend/js/features/editor-navigation-toolbar/components/history-toggle-button.js
rename to services/web/frontend/js/features/editor-navigation-toolbar/components/history-toggle-button.jsx
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/layout-dropdown-button.js b/services/web/frontend/js/features/editor-navigation-toolbar/components/layout-dropdown-button.jsx
similarity index 100%
rename from services/web/frontend/js/features/editor-navigation-toolbar/components/layout-dropdown-button.js
rename to services/web/frontend/js/features/editor-navigation-toolbar/components/layout-dropdown-button.jsx
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/menu-button.js b/services/web/frontend/js/features/editor-navigation-toolbar/components/menu-button.jsx
similarity index 100%
rename from services/web/frontend/js/features/editor-navigation-toolbar/components/menu-button.js
rename to services/web/frontend/js/features/editor-navigation-toolbar/components/menu-button.jsx
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/online-users-widget.js b/services/web/frontend/js/features/editor-navigation-toolbar/components/online-users-widget.jsx
similarity index 100%
rename from services/web/frontend/js/features/editor-navigation-toolbar/components/online-users-widget.js
rename to services/web/frontend/js/features/editor-navigation-toolbar/components/online-users-widget.jsx
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/share-project-button.js b/services/web/frontend/js/features/editor-navigation-toolbar/components/share-project-button.jsx
similarity index 100%
rename from services/web/frontend/js/features/editor-navigation-toolbar/components/share-project-button.js
rename to services/web/frontend/js/features/editor-navigation-toolbar/components/share-project-button.jsx
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/toolbar-header.js b/services/web/frontend/js/features/editor-navigation-toolbar/components/toolbar-header.jsx
similarity index 100%
rename from services/web/frontend/js/features/editor-navigation-toolbar/components/toolbar-header.js
rename to services/web/frontend/js/features/editor-navigation-toolbar/components/toolbar-header.jsx
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/track-changes-toggle-button.js b/services/web/frontend/js/features/editor-navigation-toolbar/components/track-changes-toggle-button.jsx
similarity index 100%
rename from services/web/frontend/js/features/editor-navigation-toolbar/components/track-changes-toggle-button.js
rename to services/web/frontend/js/features/editor-navigation-toolbar/components/track-changes-toggle-button.jsx
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/upgrade-prompt.js b/services/web/frontend/js/features/editor-navigation-toolbar/components/upgrade-prompt.jsx
similarity index 100%
rename from services/web/frontend/js/features/editor-navigation-toolbar/components/upgrade-prompt.js
rename to services/web/frontend/js/features/editor-navigation-toolbar/components/upgrade-prompt.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-context-menu.js b/services/web/frontend/js/features/file-tree/components/file-tree-context-menu.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-context-menu.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-context-menu.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-context.js b/services/web/frontend/js/features/file-tree/components/file-tree-context.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-context.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-context.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/danger-message.js b/services/web/frontend/js/features/file-tree/components/file-tree-create/danger-message.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-create/danger-message.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-create/danger-message.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/error-message.js b/services/web/frontend/js/features/file-tree/components/file-tree-create/error-message.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-create/error-message.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-create/error-message.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-create-name-input.js b/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-create-name-input.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-create-name-input.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-create-name-input.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-body.js b/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-body.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-body.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-body.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-footer.js b/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-footer.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-footer.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-footer.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-mode.js b/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-mode.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-mode.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-mode.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-create-new-doc.js b/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-create-new-doc.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-create-new-doc.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-create-new-doc.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-project.js b/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-project.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-project.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-project.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-url.js b/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-url.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-url.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-url.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-upload-doc.js b/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-upload-doc.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-upload-doc.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-upload-doc.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/redirect-to-login.js b/services/web/frontend/js/features/file-tree/components/file-tree-create/redirect-to-login.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-create/redirect-to-login.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-create/redirect-to-login.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-doc.js b/services/web/frontend/js/features/file-tree/components/file-tree-doc.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-doc.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-doc.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-draggable-preview-layer.js b/services/web/frontend/js/features/file-tree/components/file-tree-draggable-preview-layer.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-draggable-preview-layer.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-draggable-preview-layer.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-error.js b/services/web/frontend/js/features/file-tree/components/file-tree-error.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-error.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-error.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-folder-list.js b/services/web/frontend/js/features/file-tree/components/file-tree-folder-list.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-folder-list.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-folder-list.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-folder.js b/services/web/frontend/js/features/file-tree/components/file-tree-folder.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-folder.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-folder.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-inner.js b/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-inner.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-inner.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-inner.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-menu-items.js b/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-menu-items.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-menu-items.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-menu-items.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-menu.js b/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-menu.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-menu.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-menu.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-name.js b/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-name.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-name.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-name.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-root.js b/services/web/frontend/js/features/file-tree/components/file-tree-root.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-root.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-root.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-toolbar.js b/services/web/frontend/js/features/file-tree/components/file-tree-toolbar.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/file-tree-toolbar.js
rename to services/web/frontend/js/features/file-tree/components/file-tree-toolbar.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-create-file.js b/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-create-file.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-create-file.js
rename to services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-create-file.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-create-folder.js b/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-create-folder.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-create-folder.js
rename to services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-create-folder.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-delete.js b/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-delete.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-delete.js
rename to services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-delete.jsx
diff --git a/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-error.js b/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-error.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-error.js
rename to services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-error.jsx
diff --git a/services/web/frontend/js/features/file-tree/contexts/file-tree-actionable.js b/services/web/frontend/js/features/file-tree/contexts/file-tree-actionable.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/contexts/file-tree-actionable.js
rename to services/web/frontend/js/features/file-tree/contexts/file-tree-actionable.jsx
diff --git a/services/web/frontend/js/features/file-tree/contexts/file-tree-create-form.js b/services/web/frontend/js/features/file-tree/contexts/file-tree-create-form.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/contexts/file-tree-create-form.js
rename to services/web/frontend/js/features/file-tree/contexts/file-tree-create-form.jsx
diff --git a/services/web/frontend/js/features/file-tree/contexts/file-tree-create-name.js b/services/web/frontend/js/features/file-tree/contexts/file-tree-create-name.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/contexts/file-tree-create-name.js
rename to services/web/frontend/js/features/file-tree/contexts/file-tree-create-name.jsx
diff --git a/services/web/frontend/js/features/file-tree/contexts/file-tree-draggable.js b/services/web/frontend/js/features/file-tree/contexts/file-tree-draggable.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/contexts/file-tree-draggable.js
rename to services/web/frontend/js/features/file-tree/contexts/file-tree-draggable.jsx
diff --git a/services/web/frontend/js/features/file-tree/contexts/file-tree-main.js b/services/web/frontend/js/features/file-tree/contexts/file-tree-main.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/contexts/file-tree-main.js
rename to services/web/frontend/js/features/file-tree/contexts/file-tree-main.jsx
diff --git a/services/web/frontend/js/features/file-tree/contexts/file-tree-selectable.js b/services/web/frontend/js/features/file-tree/contexts/file-tree-selectable.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-tree/contexts/file-tree-selectable.js
rename to services/web/frontend/js/features/file-tree/contexts/file-tree-selectable.jsx
diff --git a/services/web/frontend/js/features/file-view/components/file-view-icons.js b/services/web/frontend/js/features/file-view/components/file-view-icons.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-view/components/file-view-icons.js
rename to services/web/frontend/js/features/file-view/components/file-view-icons.jsx
diff --git a/services/web/frontend/js/features/file-view/components/file-view-image.js b/services/web/frontend/js/features/file-view/components/file-view-image.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-view/components/file-view-image.js
rename to services/web/frontend/js/features/file-view/components/file-view-image.jsx
diff --git a/services/web/frontend/js/features/file-view/components/file-view-text.js b/services/web/frontend/js/features/file-view/components/file-view-text.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-view/components/file-view-text.js
rename to services/web/frontend/js/features/file-view/components/file-view-text.jsx
diff --git a/services/web/frontend/js/features/file-view/components/file-view.js b/services/web/frontend/js/features/file-view/components/file-view.jsx
similarity index 100%
rename from services/web/frontend/js/features/file-view/components/file-view.js
rename to services/web/frontend/js/features/file-view/components/file-view.jsx
diff --git a/services/web/frontend/js/features/hotkeys-modal/components/hotkeys-modal-bottom-text.js b/services/web/frontend/js/features/hotkeys-modal/components/hotkeys-modal-bottom-text.jsx
similarity index 100%
rename from services/web/frontend/js/features/hotkeys-modal/components/hotkeys-modal-bottom-text.js
rename to services/web/frontend/js/features/hotkeys-modal/components/hotkeys-modal-bottom-text.jsx
diff --git a/services/web/frontend/js/features/hotkeys-modal/components/hotkeys-modal.js b/services/web/frontend/js/features/hotkeys-modal/components/hotkeys-modal.jsx
similarity index 100%
rename from services/web/frontend/js/features/hotkeys-modal/components/hotkeys-modal.js
rename to services/web/frontend/js/features/hotkeys-modal/components/hotkeys-modal.jsx
diff --git a/services/web/frontend/js/features/outline/components/outline-item.js b/services/web/frontend/js/features/outline/components/outline-item.jsx
similarity index 100%
rename from services/web/frontend/js/features/outline/components/outline-item.js
rename to services/web/frontend/js/features/outline/components/outline-item.jsx
diff --git a/services/web/frontend/js/features/outline/components/outline-list.js b/services/web/frontend/js/features/outline/components/outline-list.jsx
similarity index 100%
rename from services/web/frontend/js/features/outline/components/outline-list.js
rename to services/web/frontend/js/features/outline/components/outline-list.jsx
diff --git a/services/web/frontend/js/features/outline/components/outline-pane.js b/services/web/frontend/js/features/outline/components/outline-pane.jsx
similarity index 100%
rename from services/web/frontend/js/features/outline/components/outline-pane.js
rename to services/web/frontend/js/features/outline/components/outline-pane.jsx
diff --git a/services/web/frontend/js/features/outline/components/outline-root.js b/services/web/frontend/js/features/outline/components/outline-root.jsx
similarity index 100%
rename from services/web/frontend/js/features/outline/components/outline-root.js
rename to services/web/frontend/js/features/outline/components/outline-root.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/detach-compile-button-wrapper.js b/services/web/frontend/js/features/pdf-preview/components/detach-compile-button-wrapper.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/detach-compile-button-wrapper.js
rename to services/web/frontend/js/features/pdf-preview/components/detach-compile-button-wrapper.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/detach-synctex-control.js b/services/web/frontend/js/features/pdf-preview/components/detach-synctex-control.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/detach-synctex-control.js
rename to services/web/frontend/js/features/pdf-preview/components/detach-synctex-control.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-clear-cache-button.js b/services/web/frontend/js/features/pdf-preview/components/pdf-clear-cache-button.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-clear-cache-button.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-clear-cache-button.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-code-check-failed-notice.js b/services/web/frontend/js/features/pdf-preview/components/pdf-code-check-failed-notice.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-code-check-failed-notice.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-code-check-failed-notice.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-compile-button.js b/services/web/frontend/js/features/pdf-preview/components/pdf-compile-button.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-compile-button.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-compile-button.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-download-files-button.js b/services/web/frontend/js/features/pdf-preview/components/pdf-download-files-button.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-download-files-button.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-download-files-button.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-file-list.js b/services/web/frontend/js/features/pdf-preview/components/pdf-file-list.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-file-list.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-file-list.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-hybrid-code-check-button.js b/services/web/frontend/js/features/pdf-preview/components/pdf-hybrid-code-check-button.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-hybrid-code-check-button.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-hybrid-code-check-button.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.js b/services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-log-entry-content.js b/services/web/frontend/js/features/pdf-preview/components/pdf-log-entry-content.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-log-entry-content.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-log-entry-content.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-log-entry-raw-content.js b/services/web/frontend/js/features/pdf-preview/components/pdf-log-entry-raw-content.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-log-entry-raw-content.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-log-entry-raw-content.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-log-entry.js b/services/web/frontend/js/features/pdf-preview/components/pdf-log-entry.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-log-entry.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-log-entry.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-logs-entries.js b/services/web/frontend/js/features/pdf-preview/components/pdf-logs-entries.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-logs-entries.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-logs-entries.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-logs-viewer.js b/services/web/frontend/js/features/pdf-preview/components/pdf-logs-viewer.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-logs-viewer.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-logs-viewer.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-orphan-refresh-button.js b/services/web/frontend/js/features/pdf-preview/components/pdf-orphan-refresh-button.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-orphan-refresh-button.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-orphan-refresh-button.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-detached-root.js b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-detached-root.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-preview-detached-root.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-preview-detached-root.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-error-boundary-fallback.js b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-error-boundary-fallback.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-preview-error-boundary-fallback.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-preview-error-boundary-fallback.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-error.js b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-error.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-preview-error.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-preview-error.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-hybrid-toolbar.js b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-hybrid-toolbar.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-preview-hybrid-toolbar.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-preview-hybrid-toolbar.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.js b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-preview.js b/services/web/frontend/js/features/pdf-preview/components/pdf-preview.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-preview.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-preview.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-synctex-controls.js b/services/web/frontend/js/features/pdf-preview/components/pdf-synctex-controls.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-synctex-controls.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-synctex-controls.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-validation-issue.js b/services/web/frontend/js/features/pdf-preview/components/pdf-validation-issue.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-validation-issue.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-validation-issue.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls.js b/services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-viewer.js b/services/web/frontend/js/features/pdf-preview/components/pdf-viewer.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/pdf-viewer.js
rename to services/web/frontend/js/features/pdf-preview/components/pdf-viewer.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/stop-on-first-error-prompt.js b/services/web/frontend/js/features/pdf-preview/components/stop-on-first-error-prompt.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/stop-on-first-error-prompt.js
rename to services/web/frontend/js/features/pdf-preview/components/stop-on-first-error-prompt.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/components/timeout-upgrade-prompt.js b/services/web/frontend/js/features/pdf-preview/components/timeout-upgrade-prompt.jsx
similarity index 100%
rename from services/web/frontend/js/features/pdf-preview/components/timeout-upgrade-prompt.js
rename to services/web/frontend/js/features/pdf-preview/components/timeout-upgrade-prompt.jsx
diff --git a/services/web/frontend/js/features/pdf-preview/util/pdf-js-versions.js b/services/web/frontend/js/features/pdf-preview/util/pdf-js-versions.js
index c061fe2281..2e4ebbe09c 100644
--- a/services/web/frontend/js/features/pdf-preview/util/pdf-js-versions.js
+++ b/services/web/frontend/js/features/pdf-preview/util/pdf-js-versions.js
@@ -19,7 +19,7 @@ async function importPDFJS36() {
 
   createWorker(() => {
     PDFJS.GlobalWorkerOptions.workerPort = new Worker(
-      new URL('pdfjs-dist36/legacy/build/pdf.worker.js', import.meta.url)
+      new URL('pdfjs-dist36/legacy/build/pdf.worker', import.meta.url)
     )
   })
 
@@ -45,7 +45,7 @@ async function importPDFJS213() {
 
   createWorker(() => {
     PDFJS.GlobalWorkerOptions.workerPort = new Worker(
-      new URL('pdfjs-dist213/legacy/build/pdf.worker.js', import.meta.url)
+      new URL('pdfjs-dist213/legacy/build/pdf.worker', import.meta.url)
     )
   })
 
diff --git a/services/web/frontend/js/features/preview/components/preview-log-entry-header.js b/services/web/frontend/js/features/preview/components/preview-log-entry-header.jsx
similarity index 100%
rename from services/web/frontend/js/features/preview/components/preview-log-entry-header.js
rename to services/web/frontend/js/features/preview/components/preview-log-entry-header.jsx
diff --git a/services/web/frontend/js/features/preview/components/preview-logs-pane-max-entries.js b/services/web/frontend/js/features/preview/components/preview-logs-pane-max-entries.jsx
similarity index 100%
rename from services/web/frontend/js/features/preview/components/preview-logs-pane-max-entries.js
rename to services/web/frontend/js/features/preview/components/preview-logs-pane-max-entries.jsx
diff --git a/services/web/frontend/js/features/share-project-modal/components/add-collaborators-upgrade-content-default.js b/services/web/frontend/js/features/share-project-modal/components/add-collaborators-upgrade-content-default.jsx
similarity index 100%
rename from services/web/frontend/js/features/share-project-modal/components/add-collaborators-upgrade-content-default.js
rename to services/web/frontend/js/features/share-project-modal/components/add-collaborators-upgrade-content-default.jsx
diff --git a/services/web/frontend/js/features/share-project-modal/components/add-collaborators-upgrade-content-variant.js b/services/web/frontend/js/features/share-project-modal/components/add-collaborators-upgrade-content-variant.jsx
similarity index 100%
rename from services/web/frontend/js/features/share-project-modal/components/add-collaborators-upgrade-content-variant.js
rename to services/web/frontend/js/features/share-project-modal/components/add-collaborators-upgrade-content-variant.jsx
diff --git a/services/web/frontend/js/features/share-project-modal/components/add-collaborators-upgrade.js b/services/web/frontend/js/features/share-project-modal/components/add-collaborators-upgrade.jsx
similarity index 100%
rename from services/web/frontend/js/features/share-project-modal/components/add-collaborators-upgrade.js
rename to services/web/frontend/js/features/share-project-modal/components/add-collaborators-upgrade.jsx
diff --git a/services/web/frontend/js/features/share-project-modal/components/add-collaborators.js b/services/web/frontend/js/features/share-project-modal/components/add-collaborators.jsx
similarity index 100%
rename from services/web/frontend/js/features/share-project-modal/components/add-collaborators.js
rename to services/web/frontend/js/features/share-project-modal/components/add-collaborators.jsx
diff --git a/services/web/frontend/js/features/share-project-modal/components/edit-member.js b/services/web/frontend/js/features/share-project-modal/components/edit-member.jsx
similarity index 100%
rename from services/web/frontend/js/features/share-project-modal/components/edit-member.js
rename to services/web/frontend/js/features/share-project-modal/components/edit-member.jsx
diff --git a/services/web/frontend/js/features/share-project-modal/components/invite.js b/services/web/frontend/js/features/share-project-modal/components/invite.jsx
similarity index 100%
rename from services/web/frontend/js/features/share-project-modal/components/invite.js
rename to services/web/frontend/js/features/share-project-modal/components/invite.jsx
diff --git a/services/web/frontend/js/features/share-project-modal/components/link-sharing.js b/services/web/frontend/js/features/share-project-modal/components/link-sharing.jsx
similarity index 100%
rename from services/web/frontend/js/features/share-project-modal/components/link-sharing.js
rename to services/web/frontend/js/features/share-project-modal/components/link-sharing.jsx
diff --git a/services/web/frontend/js/features/share-project-modal/components/member-privileges.js b/services/web/frontend/js/features/share-project-modal/components/member-privileges.jsx
similarity index 100%
rename from services/web/frontend/js/features/share-project-modal/components/member-privileges.js
rename to services/web/frontend/js/features/share-project-modal/components/member-privileges.jsx
diff --git a/services/web/frontend/js/features/share-project-modal/components/owner-info.js b/services/web/frontend/js/features/share-project-modal/components/owner-info.jsx
similarity index 100%
rename from services/web/frontend/js/features/share-project-modal/components/owner-info.js
rename to services/web/frontend/js/features/share-project-modal/components/owner-info.jsx
diff --git a/services/web/frontend/js/features/share-project-modal/components/select-collaborators.js b/services/web/frontend/js/features/share-project-modal/components/select-collaborators.jsx
similarity index 100%
rename from services/web/frontend/js/features/share-project-modal/components/select-collaborators.js
rename to services/web/frontend/js/features/share-project-modal/components/select-collaborators.jsx
diff --git a/services/web/frontend/js/features/share-project-modal/components/send-invites-notice.js b/services/web/frontend/js/features/share-project-modal/components/send-invites-notice.jsx
similarity index 100%
rename from services/web/frontend/js/features/share-project-modal/components/send-invites-notice.js
rename to services/web/frontend/js/features/share-project-modal/components/send-invites-notice.jsx
diff --git a/services/web/frontend/js/features/share-project-modal/components/send-invites.js b/services/web/frontend/js/features/share-project-modal/components/send-invites.jsx
similarity index 100%
rename from services/web/frontend/js/features/share-project-modal/components/send-invites.js
rename to services/web/frontend/js/features/share-project-modal/components/send-invites.jsx
diff --git a/services/web/frontend/js/features/share-project-modal/components/share-modal-body.js b/services/web/frontend/js/features/share-project-modal/components/share-modal-body.jsx
similarity index 100%
rename from services/web/frontend/js/features/share-project-modal/components/share-modal-body.js
rename to services/web/frontend/js/features/share-project-modal/components/share-modal-body.jsx
diff --git a/services/web/frontend/js/features/share-project-modal/components/share-project-modal-content.js b/services/web/frontend/js/features/share-project-modal/components/share-project-modal-content.jsx
similarity index 100%
rename from services/web/frontend/js/features/share-project-modal/components/share-project-modal-content.js
rename to services/web/frontend/js/features/share-project-modal/components/share-project-modal-content.jsx
diff --git a/services/web/frontend/js/features/share-project-modal/components/share-project-modal.js b/services/web/frontend/js/features/share-project-modal/components/share-project-modal.jsx
similarity index 100%
rename from services/web/frontend/js/features/share-project-modal/components/share-project-modal.js
rename to services/web/frontend/js/features/share-project-modal/components/share-project-modal.jsx
diff --git a/services/web/frontend/js/features/share-project-modal/components/transfer-ownership-modal.js b/services/web/frontend/js/features/share-project-modal/components/transfer-ownership-modal.jsx
similarity index 100%
rename from services/web/frontend/js/features/share-project-modal/components/transfer-ownership-modal.js
rename to services/web/frontend/js/features/share-project-modal/components/transfer-ownership-modal.jsx
diff --git a/services/web/frontend/js/features/share-project-modal/components/view-member.js b/services/web/frontend/js/features/share-project-modal/components/view-member.jsx
similarity index 100%
rename from services/web/frontend/js/features/share-project-modal/components/view-member.js
rename to services/web/frontend/js/features/share-project-modal/components/view-member.jsx
diff --git a/services/web/frontend/js/features/source-editor/components/switch-to-pdf-button.js b/services/web/frontend/js/features/source-editor/components/switch-to-pdf-button.jsx
similarity index 100%
rename from services/web/frontend/js/features/source-editor/components/switch-to-pdf-button.js
rename to services/web/frontend/js/features/source-editor/components/switch-to-pdf-button.jsx
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/linter/latex-linter.ts b/services/web/frontend/js/features/source-editor/languages/latex/linter/latex-linter.ts
index b440f21a36..bc748c58d6 100644
--- a/services/web/frontend/js/features/source-editor/languages/latex/linter/latex-linter.ts
+++ b/services/web/frontend/js/features/source-editor/languages/latex/linter/latex-linter.ts
@@ -6,10 +6,9 @@ import { mergeCompatibleOverlappingDiagnostics } from './merge-overlapping-diagn
 
 let lintWorker: Worker
 createWorker(() => {
-  lintWorker = new Worker(
-    new URL('./latex-linter.worker.js', import.meta.url),
-    { type: 'module' }
-  )
+  lintWorker = new Worker(new URL('./latex-linter.worker', import.meta.url), {
+    type: 'module',
+  })
 })
 
 class Deferred {
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/group-subscription-membership.tsx b/services/web/frontend/js/features/subscription/components/dashboard/group-subscription-membership.tsx
index 4e402ef42f..5920c42507 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/group-subscription-membership.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/group-subscription-membership.tsx
@@ -3,7 +3,7 @@ import { Trans, useTranslation } from 'react-i18next'
 import { MemberGroupSubscription } from '../../../../../../types/subscription/dashboard/subscription'
 import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
 import { LEAVE_GROUP_MODAL_ID } from './leave-group-modal'
-import getMeta from '../../../../utils/meta.js'
+import getMeta from '../../../../utils/meta'
 
 type GroupSubscriptionMembershipProps = {
   subscription: MemberGroupSubscription
diff --git a/services/web/frontend/js/features/word-count-modal/components/word-count-modal-content.js b/services/web/frontend/js/features/word-count-modal/components/word-count-modal-content.jsx
similarity index 100%
rename from services/web/frontend/js/features/word-count-modal/components/word-count-modal-content.js
rename to services/web/frontend/js/features/word-count-modal/components/word-count-modal-content.jsx
diff --git a/services/web/frontend/js/features/word-count-modal/components/word-count-modal.js b/services/web/frontend/js/features/word-count-modal/components/word-count-modal.jsx
similarity index 100%
rename from services/web/frontend/js/features/word-count-modal/components/word-count-modal.js
rename to services/web/frontend/js/features/word-count-modal/components/word-count-modal.jsx
diff --git a/services/web/frontend/js/ide.js b/services/web/frontend/js/ide.js
index 614f525d2f..9225d2965a 100644
--- a/services/web/frontend/js/ide.js
+++ b/services/web/frontend/js/ide.js
@@ -57,7 +57,7 @@ import './filters/formatDate'
 import './main/event'
 import './main/account-upgrade-angular'
 import './main/system-messages'
-import '../../modules/modules-ide.js'
+import '../../modules/modules-ide'
 import './features/source-editor/ide'
 import './shared/context/controllers/root-context-controller'
 import './features/editor-navigation-toolbar/controllers/editor-navigation-toolbar-controller'
diff --git a/services/web/frontend/js/ide/human-readable-logs/HumanReadableLogsHints.js b/services/web/frontend/js/ide/human-readable-logs/HumanReadableLogsHints.jsx
similarity index 100%
rename from services/web/frontend/js/ide/human-readable-logs/HumanReadableLogsHints.js
rename to services/web/frontend/js/ide/human-readable-logs/HumanReadableLogsHints.jsx
diff --git a/services/web/frontend/js/infrastructure/error-boundary.js b/services/web/frontend/js/infrastructure/error-boundary.jsx
similarity index 100%
rename from services/web/frontend/js/infrastructure/error-boundary.js
rename to services/web/frontend/js/infrastructure/error-boundary.jsx
diff --git a/services/web/frontend/js/main.js b/services/web/frontend/js/main.js
index 644651c1f0..a00080543f 100644
--- a/services/web/frontend/js/main.js
+++ b/services/web/frontend/js/main.js
@@ -38,7 +38,7 @@ import './services/validateCaptcha'
 import './services/validateCaptchaV3'
 import './filters/formatDate'
 import './features/cookie-banner'
-import '../../modules/modules-main.js'
+import '../../modules/modules-main'
 import './cdn-load-test'
 import { debugConsole } from '@/utils/debugging'
 angular.module('SharelatexApp').config(function ($locationProvider) {
diff --git a/services/web/frontend/js/pages/project-list.js b/services/web/frontend/js/pages/project-list.jsx
similarity index 100%
rename from services/web/frontend/js/pages/project-list.js
rename to services/web/frontend/js/pages/project-list.jsx
diff --git a/services/web/frontend/js/pages/user/settings.js b/services/web/frontend/js/pages/user/settings.jsx
similarity index 100%
rename from services/web/frontend/js/pages/user/settings.js
rename to services/web/frontend/js/pages/user/settings.jsx
diff --git a/services/web/frontend/js/pages/user/subscription/canceled-subscription.js b/services/web/frontend/js/pages/user/subscription/canceled-subscription.jsx
similarity index 100%
rename from services/web/frontend/js/pages/user/subscription/canceled-subscription.js
rename to services/web/frontend/js/pages/user/subscription/canceled-subscription.jsx
diff --git a/services/web/frontend/js/pages/user/subscription/dashboard.js b/services/web/frontend/js/pages/user/subscription/dashboard.jsx
similarity index 100%
rename from services/web/frontend/js/pages/user/subscription/dashboard.js
rename to services/web/frontend/js/pages/user/subscription/dashboard.jsx
diff --git a/services/web/frontend/js/pages/user/subscription/group-management/group-managers.js b/services/web/frontend/js/pages/user/subscription/group-management/group-managers.jsx
similarity index 100%
rename from services/web/frontend/js/pages/user/subscription/group-management/group-managers.js
rename to services/web/frontend/js/pages/user/subscription/group-management/group-managers.jsx
diff --git a/services/web/frontend/js/pages/user/subscription/group-management/group-members.js b/services/web/frontend/js/pages/user/subscription/group-management/group-members.jsx
similarity index 100%
rename from services/web/frontend/js/pages/user/subscription/group-management/group-members.js
rename to services/web/frontend/js/pages/user/subscription/group-management/group-members.jsx
diff --git a/services/web/frontend/js/pages/user/subscription/group-management/institution-managers.js b/services/web/frontend/js/pages/user/subscription/group-management/institution-managers.jsx
similarity index 100%
rename from services/web/frontend/js/pages/user/subscription/group-management/institution-managers.js
rename to services/web/frontend/js/pages/user/subscription/group-management/institution-managers.jsx
diff --git a/services/web/frontend/js/pages/user/subscription/group-management/publisher-managers.js b/services/web/frontend/js/pages/user/subscription/group-management/publisher-managers.jsx
similarity index 100%
rename from services/web/frontend/js/pages/user/subscription/group-management/publisher-managers.js
rename to services/web/frontend/js/pages/user/subscription/group-management/publisher-managers.jsx
diff --git a/services/web/frontend/js/pages/user/subscription/invite-managed.js b/services/web/frontend/js/pages/user/subscription/invite-managed.jsx
similarity index 100%
rename from services/web/frontend/js/pages/user/subscription/invite-managed.js
rename to services/web/frontend/js/pages/user/subscription/invite-managed.jsx
diff --git a/services/web/frontend/js/pages/user/subscription/new.js b/services/web/frontend/js/pages/user/subscription/new.jsx
similarity index 100%
rename from services/web/frontend/js/pages/user/subscription/new.js
rename to services/web/frontend/js/pages/user/subscription/new.jsx
diff --git a/services/web/frontend/js/pages/user/subscription/successful-subscription.js b/services/web/frontend/js/pages/user/subscription/successful-subscription.jsx
similarity index 100%
rename from services/web/frontend/js/pages/user/subscription/successful-subscription.js
rename to services/web/frontend/js/pages/user/subscription/successful-subscription.jsx
diff --git a/services/web/frontend/js/shared/components/icon-checked.js b/services/web/frontend/js/shared/components/icon-checked.jsx
similarity index 100%
rename from services/web/frontend/js/shared/components/icon-checked.js
rename to services/web/frontend/js/shared/components/icon-checked.jsx
diff --git a/services/web/frontend/js/shared/components/loading-spinner.js b/services/web/frontend/js/shared/components/loading-spinner.jsx
similarity index 100%
rename from services/web/frontend/js/shared/components/loading-spinner.js
rename to services/web/frontend/js/shared/components/loading-spinner.jsx
diff --git a/services/web/frontend/js/shared/components/pagination.js b/services/web/frontend/js/shared/components/pagination.jsx
similarity index 100%
rename from services/web/frontend/js/shared/components/pagination.js
rename to services/web/frontend/js/shared/components/pagination.jsx
diff --git a/services/web/frontend/js/shared/components/processing.js b/services/web/frontend/js/shared/components/processing.jsx
similarity index 100%
rename from services/web/frontend/js/shared/components/processing.js
rename to services/web/frontend/js/shared/components/processing.jsx
diff --git a/services/web/frontend/js/shared/components/recaptcha-conditions.js b/services/web/frontend/js/shared/components/recaptcha-conditions.jsx
similarity index 100%
rename from services/web/frontend/js/shared/components/recaptcha-conditions.js
rename to services/web/frontend/js/shared/components/recaptcha-conditions.jsx
diff --git a/services/web/frontend/js/shared/components/upgrade-benefits.js b/services/web/frontend/js/shared/components/upgrade-benefits.jsx
similarity index 100%
rename from services/web/frontend/js/shared/components/upgrade-benefits.js
rename to services/web/frontend/js/shared/components/upgrade-benefits.jsx
diff --git a/services/web/frontend/js/shared/context/detach-compile-context.js b/services/web/frontend/js/shared/context/detach-compile-context.jsx
similarity index 100%
rename from services/web/frontend/js/shared/context/detach-compile-context.js
rename to services/web/frontend/js/shared/context/detach-compile-context.jsx
diff --git a/services/web/frontend/js/shared/context/detach-context.js b/services/web/frontend/js/shared/context/detach-context.jsx
similarity index 100%
rename from services/web/frontend/js/shared/context/detach-context.js
rename to services/web/frontend/js/shared/context/detach-context.jsx
diff --git a/services/web/frontend/js/shared/context/editor-context.js b/services/web/frontend/js/shared/context/editor-context.jsx
similarity index 100%
rename from services/web/frontend/js/shared/context/editor-context.js
rename to services/web/frontend/js/shared/context/editor-context.jsx
diff --git a/services/web/frontend/js/shared/context/file-tree-data-context.js b/services/web/frontend/js/shared/context/file-tree-data-context.jsx
similarity index 100%
rename from services/web/frontend/js/shared/context/file-tree-data-context.js
rename to services/web/frontend/js/shared/context/file-tree-data-context.jsx
diff --git a/services/web/frontend/js/shared/context/layout-context.js b/services/web/frontend/js/shared/context/layout-context.jsx
similarity index 100%
rename from services/web/frontend/js/shared/context/layout-context.js
rename to services/web/frontend/js/shared/context/layout-context.jsx
diff --git a/services/web/frontend/js/shared/context/local-compile-context.js b/services/web/frontend/js/shared/context/local-compile-context.jsx
similarity index 100%
rename from services/web/frontend/js/shared/context/local-compile-context.js
rename to services/web/frontend/js/shared/context/local-compile-context.jsx
diff --git a/services/web/frontend/js/shared/context/project-context.js b/services/web/frontend/js/shared/context/project-context.jsx
similarity index 100%
rename from services/web/frontend/js/shared/context/project-context.js
rename to services/web/frontend/js/shared/context/project-context.jsx
diff --git a/services/web/frontend/js/shared/context/root-context.js b/services/web/frontend/js/shared/context/root-context.jsx
similarity index 100%
rename from services/web/frontend/js/shared/context/root-context.js
rename to services/web/frontend/js/shared/context/root-context.jsx
diff --git a/services/web/frontend/js/shared/context/split-test-context.js b/services/web/frontend/js/shared/context/split-test-context.jsx
similarity index 100%
rename from services/web/frontend/js/shared/context/split-test-context.js
rename to services/web/frontend/js/shared/context/split-test-context.jsx
diff --git a/services/web/frontend/js/shared/context/user-context.js b/services/web/frontend/js/shared/context/user-context.jsx
similarity index 100%
rename from services/web/frontend/js/shared/context/user-context.js
rename to services/web/frontend/js/shared/context/user-context.jsx
diff --git a/services/web/frontend/js/shared/svgs/dropbox-logo.js b/services/web/frontend/js/shared/svgs/dropbox-logo.jsx
similarity index 100%
rename from services/web/frontend/js/shared/svgs/dropbox-logo.js
rename to services/web/frontend/js/shared/svgs/dropbox-logo.jsx
diff --git a/services/web/frontend/js/shared/svgs/git-bridge-logo.js b/services/web/frontend/js/shared/svgs/git-bridge-logo.jsx
similarity index 100%
rename from services/web/frontend/js/shared/svgs/git-bridge-logo.js
rename to services/web/frontend/js/shared/svgs/git-bridge-logo.jsx
diff --git a/services/web/frontend/js/shared/svgs/github-logo.js b/services/web/frontend/js/shared/svgs/github-logo.jsx
similarity index 100%
rename from services/web/frontend/js/shared/svgs/github-logo.js
rename to services/web/frontend/js/shared/svgs/github-logo.jsx
diff --git a/services/web/frontend/js/shared/svgs/google-logo.js b/services/web/frontend/js/shared/svgs/google-logo.jsx
similarity index 100%
rename from services/web/frontend/js/shared/svgs/google-logo.js
rename to services/web/frontend/js/shared/svgs/google-logo.jsx
diff --git a/services/web/frontend/js/shared/svgs/ieee-logo.js b/services/web/frontend/js/shared/svgs/ieee-logo.jsx
similarity index 100%
rename from services/web/frontend/js/shared/svgs/ieee-logo.js
rename to services/web/frontend/js/shared/svgs/ieee-logo.jsx
diff --git a/services/web/frontend/js/shared/svgs/mendeley-logo.js b/services/web/frontend/js/shared/svgs/mendeley-logo.jsx
similarity index 100%
rename from services/web/frontend/js/shared/svgs/mendeley-logo.js
rename to services/web/frontend/js/shared/svgs/mendeley-logo.jsx
diff --git a/services/web/frontend/js/shared/svgs/orcid-logo.js b/services/web/frontend/js/shared/svgs/orcid-logo.jsx
similarity index 100%
rename from services/web/frontend/js/shared/svgs/orcid-logo.js
rename to services/web/frontend/js/shared/svgs/orcid-logo.jsx
diff --git a/services/web/frontend/js/shared/svgs/zotero-logo.js b/services/web/frontend/js/shared/svgs/zotero-logo.jsx
similarity index 100%
rename from services/web/frontend/js/shared/svgs/zotero-logo.js
rename to services/web/frontend/js/shared/svgs/zotero-logo.jsx
diff --git a/services/web/frontend/stories/chat.stories.js b/services/web/frontend/stories/chat.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/chat.stories.js
rename to services/web/frontend/stories/chat.stories.jsx
diff --git a/services/web/frontend/stories/clone-project-modal.stories.js b/services/web/frontend/stories/clone-project-modal.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/clone-project-modal.stories.js
rename to services/web/frontend/stories/clone-project-modal.stories.jsx
diff --git a/services/web/frontend/stories/contact-us-modal.stories.js b/services/web/frontend/stories/contact-us-modal.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/contact-us-modal.stories.js
rename to services/web/frontend/stories/contact-us-modal.stories.jsx
diff --git a/services/web/frontend/stories/dropdown.stories.js b/services/web/frontend/stories/dropdown.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/dropdown.stories.js
rename to services/web/frontend/stories/dropdown.stories.jsx
diff --git a/services/web/frontend/stories/editor-navigation-toolbar.stories.js b/services/web/frontend/stories/editor-navigation-toolbar.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/editor-navigation-toolbar.stories.js
rename to services/web/frontend/stories/editor-navigation-toolbar.stories.jsx
diff --git a/services/web/frontend/stories/editor-switch.stories.js b/services/web/frontend/stories/editor-switch.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/editor-switch.stories.js
rename to services/web/frontend/stories/editor-switch.stories.jsx
diff --git a/services/web/frontend/stories/file-tree.stories.js b/services/web/frontend/stories/file-tree.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/file-tree.stories.js
rename to services/web/frontend/stories/file-tree.stories.jsx
diff --git a/services/web/frontend/stories/file-view.stories.js b/services/web/frontend/stories/file-view.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/file-view.stories.js
rename to services/web/frontend/stories/file-view.stories.jsx
diff --git a/services/web/frontend/stories/hotkeys-modal.stories.js b/services/web/frontend/stories/hotkeys-modal.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/hotkeys-modal.stories.js
rename to services/web/frontend/stories/hotkeys-modal.stories.jsx
diff --git a/services/web/frontend/stories/icon.stories.js b/services/web/frontend/stories/icon.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/icon.stories.js
rename to services/web/frontend/stories/icon.stories.jsx
diff --git a/services/web/frontend/stories/linked-file.stories.js b/services/web/frontend/stories/linked-file.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/linked-file.stories.js
rename to services/web/frontend/stories/linked-file.stories.jsx
diff --git a/services/web/frontend/stories/modals/create-file/create-file-modal-decorator.js b/services/web/frontend/stories/modals/create-file/create-file-modal-decorator.jsx
similarity index 100%
rename from services/web/frontend/stories/modals/create-file/create-file-modal-decorator.js
rename to services/web/frontend/stories/modals/create-file/create-file-modal-decorator.jsx
diff --git a/services/web/frontend/stories/modals/create-file/create-file-modal-footer.stories.js b/services/web/frontend/stories/modals/create-file/create-file-modal-footer.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/modals/create-file/create-file-modal-footer.stories.js
rename to services/web/frontend/stories/modals/create-file/create-file-modal-footer.stories.jsx
diff --git a/services/web/frontend/stories/modals/create-file/create-file-modal.stories.js b/services/web/frontend/stories/modals/create-file/create-file-modal.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/modals/create-file/create-file-modal.stories.js
rename to services/web/frontend/stories/modals/create-file/create-file-modal.stories.jsx
diff --git a/services/web/frontend/stories/modals/create-file/create-file-name-input.stories.js b/services/web/frontend/stories/modals/create-file/create-file-name-input.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/modals/create-file/create-file-name-input.stories.js
rename to services/web/frontend/stories/modals/create-file/create-file-name-input.stories.jsx
diff --git a/services/web/frontend/stories/modals/create-file/error-message.stories.js b/services/web/frontend/stories/modals/create-file/error-message.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/modals/create-file/error-message.stories.js
rename to services/web/frontend/stories/modals/create-file/error-message.stories.jsx
diff --git a/services/web/frontend/stories/modals/modal-decorators.js b/services/web/frontend/stories/modals/modal-decorators.jsx
similarity index 100%
rename from services/web/frontend/stories/modals/modal-decorators.js
rename to services/web/frontend/stories/modals/modal-decorators.jsx
diff --git a/services/web/frontend/stories/outline.stories.js b/services/web/frontend/stories/outline.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/outline.stories.js
rename to services/web/frontend/stories/outline.stories.jsx
diff --git a/services/web/frontend/stories/pagination.stories.js b/services/web/frontend/stories/pagination.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/pagination.stories.js
rename to services/web/frontend/stories/pagination.stories.jsx
diff --git a/services/web/frontend/stories/pdf-preview-error-boundary.stories.js b/services/web/frontend/stories/pdf-preview-error-boundary.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/pdf-preview-error-boundary.stories.js
rename to services/web/frontend/stories/pdf-preview-error-boundary.stories.jsx
diff --git a/services/web/frontend/stories/pdf-preview-messages.stories.js b/services/web/frontend/stories/pdf-preview-messages.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/pdf-preview-messages.stories.js
rename to services/web/frontend/stories/pdf-preview-messages.stories.jsx
diff --git a/services/web/frontend/stories/pdf-preview.stories.js b/services/web/frontend/stories/pdf-preview.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/pdf-preview.stories.js
rename to services/web/frontend/stories/pdf-preview.stories.jsx
diff --git a/services/web/frontend/stories/pdf-viewer.stories.js b/services/web/frontend/stories/pdf-viewer.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/pdf-viewer.stories.js
rename to services/web/frontend/stories/pdf-viewer.stories.jsx
diff --git a/services/web/frontend/stories/settings/account-info.stories.js b/services/web/frontend/stories/settings/account-info.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/settings/account-info.stories.js
rename to services/web/frontend/stories/settings/account-info.stories.jsx
diff --git a/services/web/frontend/stories/settings/beta-program.stories.js b/services/web/frontend/stories/settings/beta-program.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/settings/beta-program.stories.js
rename to services/web/frontend/stories/settings/beta-program.stories.jsx
diff --git a/services/web/frontend/stories/settings/emails.stories.js b/services/web/frontend/stories/settings/emails.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/settings/emails.stories.js
rename to services/web/frontend/stories/settings/emails.stories.jsx
diff --git a/services/web/frontend/stories/settings/leave.stories.js b/services/web/frontend/stories/settings/leave.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/settings/leave.stories.js
rename to services/web/frontend/stories/settings/leave.stories.jsx
diff --git a/services/web/frontend/stories/settings/linking.stories.js b/services/web/frontend/stories/settings/linking.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/settings/linking.stories.js
rename to services/web/frontend/stories/settings/linking.stories.jsx
diff --git a/services/web/frontend/stories/settings/newsletter.stories.js b/services/web/frontend/stories/settings/newsletter.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/settings/newsletter.stories.js
rename to services/web/frontend/stories/settings/newsletter.stories.jsx
diff --git a/services/web/frontend/stories/settings/page.stories.js b/services/web/frontend/stories/settings/page.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/settings/page.stories.js
rename to services/web/frontend/stories/settings/page.stories.jsx
diff --git a/services/web/frontend/stories/settings/password.stories.js b/services/web/frontend/stories/settings/password.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/settings/password.stories.js
rename to services/web/frontend/stories/settings/password.stories.jsx
diff --git a/services/web/frontend/stories/settings/sessions.stories.js b/services/web/frontend/stories/settings/sessions.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/settings/sessions.stories.js
rename to services/web/frontend/stories/settings/sessions.stories.jsx
diff --git a/services/web/frontend/stories/share-project-modal.stories.js b/services/web/frontend/stories/share-project-modal.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/share-project-modal.stories.js
rename to services/web/frontend/stories/share-project-modal.stories.jsx
diff --git a/services/web/frontend/stories/split-test-badge.stories.js b/services/web/frontend/stories/split-test-badge.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/split-test-badge.stories.js
rename to services/web/frontend/stories/split-test-badge.stories.jsx
diff --git a/services/web/frontend/stories/start-free-trial-button.stories.js b/services/web/frontend/stories/start-free-trial-button.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/start-free-trial-button.stories.js
rename to services/web/frontend/stories/start-free-trial-button.stories.jsx
diff --git a/services/web/frontend/stories/style-guide.stories.js b/services/web/frontend/stories/style-guide.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/style-guide.stories.js
rename to services/web/frontend/stories/style-guide.stories.jsx
diff --git a/services/web/frontend/stories/use-expand-collapse.stories.js b/services/web/frontend/stories/use-expand-collapse.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/use-expand-collapse.stories.js
rename to services/web/frontend/stories/use-expand-collapse.stories.jsx
diff --git a/services/web/frontend/stories/word-count-modal.stories.js b/services/web/frontend/stories/word-count-modal.stories.jsx
similarity index 100%
rename from services/web/frontend/stories/word-count-modal.stories.js
rename to services/web/frontend/stories/word-count-modal.stories.jsx
diff --git a/services/web/modules/user-activate/frontend/js/components/register-form.js b/services/web/modules/user-activate/frontend/js/components/register-form.jsx
similarity index 100%
rename from services/web/modules/user-activate/frontend/js/components/register-form.js
rename to services/web/modules/user-activate/frontend/js/components/register-form.jsx
diff --git a/services/web/modules/user-activate/frontend/js/components/user-activate-register.js b/services/web/modules/user-activate/frontend/js/components/user-activate-register.jsx
similarity index 100%
rename from services/web/modules/user-activate/frontend/js/components/user-activate-register.js
rename to services/web/modules/user-activate/frontend/js/components/user-activate-register.jsx
diff --git a/services/web/modules/user-activate/frontend/js/pages/user-activate-page.js b/services/web/modules/user-activate/frontend/js/pages/user-activate-page.jsx
similarity index 100%
rename from services/web/modules/user-activate/frontend/js/pages/user-activate-page.js
rename to services/web/modules/user-activate/frontend/js/pages/user-activate-page.jsx
diff --git a/services/web/modules/user-activate/test/frontend/js/components/register-form.test.js b/services/web/modules/user-activate/test/frontend/js/components/register-form.test.jsx
similarity index 100%
rename from services/web/modules/user-activate/test/frontend/js/components/register-form.test.js
rename to services/web/modules/user-activate/test/frontend/js/components/register-form.test.jsx
diff --git a/services/web/modules/user-activate/test/frontend/js/components/user-activate-register.test.js b/services/web/modules/user-activate/test/frontend/js/components/user-activate-register.test.jsx
similarity index 100%
rename from services/web/modules/user-activate/test/frontend/js/components/user-activate-register.test.js
rename to services/web/modules/user-activate/test/frontend/js/components/user-activate-register.test.jsx
diff --git a/services/web/package.json b/services/web/package.json
index 6c4d888e49..cedda9a331 100644
--- a/services/web/package.json
+++ b/services/web/package.json
@@ -13,7 +13,7 @@
     "test:unit:all": "npm run test:unit:run_dir -- test/unit/src modules/*/test/unit/src",
     "test:unit:all:silent": "npm run test:unit:all -- --reporter dot",
     "test:unit:app": "npm run test:unit:run_dir -- test/unit/src",
-    "test:frontend": "NODE_ENV=test TZ=GMT mocha --recursive --timeout 5000 --exit --extension js,mjs,ts,tsx --grep=$MOCHA_GREP --require test/frontend/bootstrap.js --ignore '**/*.spec.{js,ts,tsx}' test/frontend modules/*/test/frontend",
+    "test:frontend": "NODE_ENV=test TZ=GMT mocha --recursive --timeout 5000 --exit --extension js,jsx,mjs,ts,tsx --grep=$MOCHA_GREP --require test/frontend/bootstrap.js --ignore '**/*.spec.{js,jsx,ts,tsx}' test/frontend modules/*/test/frontend",
     "test:frontend:coverage": "c8 --all --include 'frontend/js' --include 'modules/*/frontend/js' --exclude 'frontend/js/vendor' --reporter=lcov --reporter=text-summary npm run test:frontend",
     "test:karma": "karma start",
     "test:karma:single": "karma start --no-auto-watch --single-run",
@@ -22,12 +22,12 @@
     "webpack": "webpack serve --config webpack.config.dev.js",
     "webpack:production": "webpack --config webpack.config.prod.js",
     "webpack:profile": "webpack --config webpack.config.prod.js --profile --json > stats.json",
-    "format": "prettier --list-different $PWD/'**/*.{js,mjs,ts,tsx,json}'",
-    "format:fix": "prettier --write $PWD/'**/*.{js,mjs,ts,tsx,json}'",
+    "format": "prettier --list-different $PWD/'**/*.{js,jsx,mjs,ts,tsx,json}'",
+    "format:fix": "prettier --write $PWD/'**/*.{js,jsx,mjs,ts,tsx,json}'",
     "format:styles": "prettier --list-different $PWD/'**/*.less'",
     "format:styles:fix": "prettier --write $PWD/'**/*.less'",
-    "lint": "eslint --max-warnings 0 --format unix --ext .js,.mjs,.ts,.tsx .",
-    "lint:fix": "eslint --fix --ext .js,.mjs,.ts,.tsx .",
+    "lint": "eslint --max-warnings 0 --format unix --ext .js,.jsx,.mjs,.ts,.tsx .",
+    "lint:fix": "eslint --fix --ext .js,.jsx,.mjs,.ts,.tsx .",
     "type-check": "tsc --noEmit",
     "extract-translations": "i18next-scanner",
     "migrations": "east",
diff --git a/services/web/test/frontend/features/chat/components/chat-pane.test.js b/services/web/test/frontend/features/chat/components/chat-pane.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/chat/components/chat-pane.test.js
rename to services/web/test/frontend/features/chat/components/chat-pane.test.jsx
diff --git a/services/web/test/frontend/features/chat/components/message-input.test.js b/services/web/test/frontend/features/chat/components/message-input.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/chat/components/message-input.test.js
rename to services/web/test/frontend/features/chat/components/message-input.test.jsx
diff --git a/services/web/test/frontend/features/chat/components/message-list.test.js b/services/web/test/frontend/features/chat/components/message-list.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/chat/components/message-list.test.js
rename to services/web/test/frontend/features/chat/components/message-list.test.jsx
diff --git a/services/web/test/frontend/features/chat/components/message.test.js b/services/web/test/frontend/features/chat/components/message.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/chat/components/message.test.js
rename to services/web/test/frontend/features/chat/components/message.test.jsx
diff --git a/services/web/test/frontend/features/chat/context/chat-context.test.js b/services/web/test/frontend/features/chat/context/chat-context.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/chat/context/chat-context.test.js
rename to services/web/test/frontend/features/chat/context/chat-context.test.jsx
diff --git a/services/web/test/frontend/features/clone-project-modal/components/clone-project-modal.test.js b/services/web/test/frontend/features/clone-project-modal/components/clone-project-modal.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/clone-project-modal/components/clone-project-modal.test.js
rename to services/web/test/frontend/features/clone-project-modal/components/clone-project-modal.test.jsx
diff --git a/services/web/test/frontend/features/dictionary/components/dictionary-modal-content.test.js b/services/web/test/frontend/features/dictionary/components/dictionary-modal-content.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/dictionary/components/dictionary-modal-content.test.js
rename to services/web/test/frontend/features/dictionary/components/dictionary-modal-content.test.jsx
diff --git a/services/web/test/frontend/features/editor-left-menu/components/actions-copy-project.test.js b/services/web/test/frontend/features/editor-left-menu/components/actions-copy-project.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/editor-left-menu/components/actions-copy-project.test.js
rename to services/web/test/frontend/features/editor-left-menu/components/actions-copy-project.test.jsx
diff --git a/services/web/test/frontend/features/editor-left-menu/components/actions-menu.test.js b/services/web/test/frontend/features/editor-left-menu/components/actions-menu.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/editor-left-menu/components/actions-menu.test.js
rename to services/web/test/frontend/features/editor-left-menu/components/actions-menu.test.jsx
diff --git a/services/web/test/frontend/features/editor-left-menu/components/actions-word-count.test.js b/services/web/test/frontend/features/editor-left-menu/components/actions-word-count.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/editor-left-menu/components/actions-word-count.test.js
rename to services/web/test/frontend/features/editor-left-menu/components/actions-word-count.test.jsx
diff --git a/services/web/test/frontend/features/editor-left-menu/components/download-menu.test.js b/services/web/test/frontend/features/editor-left-menu/components/download-menu.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/editor-left-menu/components/download-menu.test.js
rename to services/web/test/frontend/features/editor-left-menu/components/download-menu.test.jsx
diff --git a/services/web/test/frontend/features/editor-left-menu/components/help-contact-us.test.js b/services/web/test/frontend/features/editor-left-menu/components/help-contact-us.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/editor-left-menu/components/help-contact-us.test.js
rename to services/web/test/frontend/features/editor-left-menu/components/help-contact-us.test.jsx
diff --git a/services/web/test/frontend/features/editor-left-menu/components/help-documentation.test.js b/services/web/test/frontend/features/editor-left-menu/components/help-documentation.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/editor-left-menu/components/help-documentation.test.js
rename to services/web/test/frontend/features/editor-left-menu/components/help-documentation.test.jsx
diff --git a/services/web/test/frontend/features/editor-left-menu/components/help-menu.test.js b/services/web/test/frontend/features/editor-left-menu/components/help-menu.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/editor-left-menu/components/help-menu.test.js
rename to services/web/test/frontend/features/editor-left-menu/components/help-menu.test.jsx
diff --git a/services/web/test/frontend/features/editor-left-menu/components/help-show-hotkeys.test.js b/services/web/test/frontend/features/editor-left-menu/components/help-show-hotkeys.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/editor-left-menu/components/help-show-hotkeys.test.js
rename to services/web/test/frontend/features/editor-left-menu/components/help-show-hotkeys.test.jsx
diff --git a/services/web/test/frontend/features/editor-navigation-toolbar/components/chat-toggle-button.test.js b/services/web/test/frontend/features/editor-navigation-toolbar/components/chat-toggle-button.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/editor-navigation-toolbar/components/chat-toggle-button.test.js
rename to services/web/test/frontend/features/editor-navigation-toolbar/components/chat-toggle-button.test.jsx
diff --git a/services/web/test/frontend/features/editor-navigation-toolbar/components/layout-dropdown-button.test.js b/services/web/test/frontend/features/editor-navigation-toolbar/components/layout-dropdown-button.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/editor-navigation-toolbar/components/layout-dropdown-button.test.js
rename to services/web/test/frontend/features/editor-navigation-toolbar/components/layout-dropdown-button.test.jsx
diff --git a/services/web/test/frontend/features/editor-navigation-toolbar/components/online-users-widget.test.js b/services/web/test/frontend/features/editor-navigation-toolbar/components/online-users-widget.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/editor-navigation-toolbar/components/online-users-widget.test.js
rename to services/web/test/frontend/features/editor-navigation-toolbar/components/online-users-widget.test.jsx
diff --git a/services/web/test/frontend/features/editor-navigation-toolbar/components/project-name-editable-label.test.js b/services/web/test/frontend/features/editor-navigation-toolbar/components/project-name-editable-label.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/editor-navigation-toolbar/components/project-name-editable-label.test.js
rename to services/web/test/frontend/features/editor-navigation-toolbar/components/project-name-editable-label.test.jsx
diff --git a/services/web/test/frontend/features/editor-navigation-toolbar/components/toolbar-header.test.js b/services/web/test/frontend/features/editor-navigation-toolbar/components/toolbar-header.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/editor-navigation-toolbar/components/toolbar-header.test.js
rename to services/web/test/frontend/features/editor-navigation-toolbar/components/toolbar-header.test.jsx
diff --git a/services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-create-name-input.test.js b/services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-create-name-input.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-create-name-input.test.js
rename to services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-create-name-input.test.jsx
diff --git a/services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-modal-create-file.test.js b/services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-modal-create-file.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-modal-create-file.test.js
rename to services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-modal-create-file.test.jsx
diff --git a/services/web/test/frontend/features/file-tree/components/file-tree-doc.test.js b/services/web/test/frontend/features/file-tree/components/file-tree-doc.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/file-tree/components/file-tree-doc.test.js
rename to services/web/test/frontend/features/file-tree/components/file-tree-doc.test.jsx
diff --git a/services/web/test/frontend/features/file-tree/components/file-tree-folder-list.test.js b/services/web/test/frontend/features/file-tree/components/file-tree-folder-list.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/file-tree/components/file-tree-folder-list.test.js
rename to services/web/test/frontend/features/file-tree/components/file-tree-folder-list.test.jsx
diff --git a/services/web/test/frontend/features/file-tree/components/file-tree-folder.test.js b/services/web/test/frontend/features/file-tree/components/file-tree-folder.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/file-tree/components/file-tree-folder.test.js
rename to services/web/test/frontend/features/file-tree/components/file-tree-folder.test.jsx
diff --git a/services/web/test/frontend/features/file-tree/components/file-tree-item/file-tree-item-inner.test.js b/services/web/test/frontend/features/file-tree/components/file-tree-item/file-tree-item-inner.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/file-tree/components/file-tree-item/file-tree-item-inner.test.js
rename to services/web/test/frontend/features/file-tree/components/file-tree-item/file-tree-item-inner.test.jsx
diff --git a/services/web/test/frontend/features/file-tree/components/file-tree-item/file-tree-item-name.test.js b/services/web/test/frontend/features/file-tree/components/file-tree-item/file-tree-item-name.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/file-tree/components/file-tree-item/file-tree-item-name.test.js
rename to services/web/test/frontend/features/file-tree/components/file-tree-item/file-tree-item-name.test.jsx
diff --git a/services/web/test/frontend/features/file-tree/components/file-tree-root.test.js b/services/web/test/frontend/features/file-tree/components/file-tree-root.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/file-tree/components/file-tree-root.test.js
rename to services/web/test/frontend/features/file-tree/components/file-tree-root.test.jsx
diff --git a/services/web/test/frontend/features/file-tree/components/file-tree-toolbar.test.js b/services/web/test/frontend/features/file-tree/components/file-tree-toolbar.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/file-tree/components/file-tree-toolbar.test.js
rename to services/web/test/frontend/features/file-tree/components/file-tree-toolbar.test.jsx
diff --git a/services/web/test/frontend/features/file-tree/flows/context-menu.test.js b/services/web/test/frontend/features/file-tree/flows/context-menu.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/file-tree/flows/context-menu.test.js
rename to services/web/test/frontend/features/file-tree/flows/context-menu.test.jsx
diff --git a/services/web/test/frontend/features/file-tree/flows/create-folder.test.js b/services/web/test/frontend/features/file-tree/flows/create-folder.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/file-tree/flows/create-folder.test.js
rename to services/web/test/frontend/features/file-tree/flows/create-folder.test.jsx
diff --git a/services/web/test/frontend/features/file-tree/flows/delete-entity.test.js b/services/web/test/frontend/features/file-tree/flows/delete-entity.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/file-tree/flows/delete-entity.test.js
rename to services/web/test/frontend/features/file-tree/flows/delete-entity.test.jsx
diff --git a/services/web/test/frontend/features/file-tree/flows/rename-entity.test.js b/services/web/test/frontend/features/file-tree/flows/rename-entity.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/file-tree/flows/rename-entity.test.js
rename to services/web/test/frontend/features/file-tree/flows/rename-entity.test.jsx
diff --git a/services/web/test/frontend/features/file-tree/helpers/render-with-context.js b/services/web/test/frontend/features/file-tree/helpers/render-with-context.jsx
similarity index 100%
rename from services/web/test/frontend/features/file-tree/helpers/render-with-context.js
rename to services/web/test/frontend/features/file-tree/helpers/render-with-context.jsx
diff --git a/services/web/test/frontend/features/file-view/components/file-view-header.test.js b/services/web/test/frontend/features/file-view/components/file-view-header.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/file-view/components/file-view-header.test.js
rename to services/web/test/frontend/features/file-view/components/file-view-header.test.jsx
diff --git a/services/web/test/frontend/features/file-view/components/file-view-image.test.js b/services/web/test/frontend/features/file-view/components/file-view-image.test.jsx
similarity index 94%
rename from services/web/test/frontend/features/file-view/components/file-view-image.test.js
rename to services/web/test/frontend/features/file-view/components/file-view-image.test.jsx
index b2e6f98a17..b7b4ac5764 100644
--- a/services/web/test/frontend/features/file-view/components/file-view-image.test.js
+++ b/services/web/test/frontend/features/file-view/components/file-view-image.test.jsx
@@ -1,7 +1,7 @@
 import { screen } from '@testing-library/react'
 
 import { renderWithEditorContext } from '../../../helpers/render-with-context'
-import FileViewImage from '../../../../../frontend/js/features/file-view/components/file-view-image.js'
+import FileViewImage from '../../../../../frontend/js/features/file-view/components/file-view-image'
 
 describe('<FileViewImage />', function () {
   const file = {
diff --git a/services/web/test/frontend/features/file-view/components/file-view-text.test.js b/services/web/test/frontend/features/file-view/components/file-view-text.test.jsx
similarity index 96%
rename from services/web/test/frontend/features/file-view/components/file-view-text.test.js
rename to services/web/test/frontend/features/file-view/components/file-view-text.test.jsx
index fbe139ae5c..a5c1c10375 100644
--- a/services/web/test/frontend/features/file-view/components/file-view-text.test.js
+++ b/services/web/test/frontend/features/file-view/components/file-view-text.test.jsx
@@ -2,7 +2,7 @@ import { screen } from '@testing-library/react'
 import fetchMock from 'fetch-mock'
 
 import { renderWithEditorContext } from '../../../helpers/render-with-context'
-import FileViewText from '../../../../../frontend/js/features/file-view/components/file-view-text.js'
+import FileViewText from '../../../../../frontend/js/features/file-view/components/file-view-text'
 
 describe('<FileViewText/>', function () {
   const file = {
diff --git a/services/web/test/frontend/features/file-view/components/file-view.test.js b/services/web/test/frontend/features/file-view/components/file-view.test.jsx
similarity index 98%
rename from services/web/test/frontend/features/file-view/components/file-view.test.js
rename to services/web/test/frontend/features/file-view/components/file-view.test.jsx
index 86fce60c15..5a97e36629 100644
--- a/services/web/test/frontend/features/file-view/components/file-view.test.js
+++ b/services/web/test/frontend/features/file-view/components/file-view.test.jsx
@@ -6,7 +6,7 @@ import {
 import fetchMock from 'fetch-mock'
 
 import { renderWithEditorContext } from '../../../helpers/render-with-context'
-import FileView from '../../../../../frontend/js/features/file-view/components/file-view.js'
+import FileView from '../../../../../frontend/js/features/file-view/components/file-view'
 
 describe('<FileView/>', function () {
   const textFile = {
diff --git a/services/web/test/frontend/features/hotkeys-modal/components/hotkeys-modal-bottom-text.test.js b/services/web/test/frontend/features/hotkeys-modal/components/hotkeys-modal-bottom-text.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/hotkeys-modal/components/hotkeys-modal-bottom-text.test.js
rename to services/web/test/frontend/features/hotkeys-modal/components/hotkeys-modal-bottom-text.test.jsx
diff --git a/services/web/test/frontend/features/hotkeys-modal/components/hotkeys-modal.test.js b/services/web/test/frontend/features/hotkeys-modal/components/hotkeys-modal.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/hotkeys-modal/components/hotkeys-modal.test.js
rename to services/web/test/frontend/features/hotkeys-modal/components/hotkeys-modal.test.jsx
diff --git a/services/web/test/frontend/features/outline/components/outline-item.test.js b/services/web/test/frontend/features/outline/components/outline-item.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/outline/components/outline-item.test.js
rename to services/web/test/frontend/features/outline/components/outline-item.test.jsx
diff --git a/services/web/test/frontend/features/outline/components/outline-list.test.js b/services/web/test/frontend/features/outline/components/outline-list.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/outline/components/outline-list.test.js
rename to services/web/test/frontend/features/outline/components/outline-list.test.jsx
diff --git a/services/web/test/frontend/features/outline/components/outline-pane.test.js b/services/web/test/frontend/features/outline/components/outline-pane.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/outline/components/outline-pane.test.js
rename to services/web/test/frontend/features/outline/components/outline-pane.test.jsx
diff --git a/services/web/test/frontend/features/outline/components/outline-root.test.js b/services/web/test/frontend/features/outline/components/outline-root.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/outline/components/outline-root.test.js
rename to services/web/test/frontend/features/outline/components/outline-root.test.jsx
diff --git a/services/web/test/frontend/features/share-project-modal/components/share-project-modal.test.js b/services/web/test/frontend/features/share-project-modal/components/share-project-modal.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/share-project-modal/components/share-project-modal.test.js
rename to services/web/test/frontend/features/share-project-modal/components/share-project-modal.test.jsx
diff --git a/services/web/test/frontend/features/source-editor/components/switch-to-pdf-button.test.js b/services/web/test/frontend/features/source-editor/components/switch-to-pdf-button.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/source-editor/components/switch-to-pdf-button.test.js
rename to services/web/test/frontend/features/source-editor/components/switch-to-pdf-button.test.jsx
diff --git a/services/web/test/frontend/features/source-editor/languages/latex/latex-linter.test.ts b/services/web/test/frontend/features/source-editor/languages/latex/latex-linter.test.ts
index a83715bb72..187f5a518c 100644
--- a/services/web/test/frontend/features/source-editor/languages/latex/latex-linter.test.ts
+++ b/services/web/test/frontend/features/source-editor/languages/latex/latex-linter.test.ts
@@ -1,5 +1,5 @@
 import { assert } from 'chai'
-import LintWorker from '../../../../../../frontend/js/features/source-editor/languages/latex/linter/latex-linter.worker.js'
+import LintWorker from '../../../../../../frontend/js/features/source-editor/languages/latex/linter/latex-linter.worker'
 import { errorsToDiagnostics } from '../../../../../../frontend/js/features/source-editor/languages/latex/linter/errors-to-diagnostics'
 import { Diagnostic } from '@codemirror/lint'
 import { mergeCompatibleOverlappingDiagnostics } from '../../../../../../frontend/js/features/source-editor/languages/latex/linter/merge-overlapping-diagnostics'
diff --git a/services/web/test/frontend/features/word-count-modal/components/word-count-modal.test.js b/services/web/test/frontend/features/word-count-modal/components/word-count-modal.test.jsx
similarity index 100%
rename from services/web/test/frontend/features/word-count-modal/components/word-count-modal.test.js
rename to services/web/test/frontend/features/word-count-modal/components/word-count-modal.test.jsx
diff --git a/services/web/test/frontend/helpers/editor-providers.js b/services/web/test/frontend/helpers/editor-providers.jsx
similarity index 100%
rename from services/web/test/frontend/helpers/editor-providers.js
rename to services/web/test/frontend/helpers/editor-providers.jsx
diff --git a/services/web/test/frontend/helpers/render-with-context.js b/services/web/test/frontend/helpers/render-with-context.jsx
similarity index 100%
rename from services/web/test/frontend/helpers/render-with-context.js
rename to services/web/test/frontend/helpers/render-with-context.jsx
diff --git a/services/web/test/frontend/shared/components/icon.test.js b/services/web/test/frontend/shared/components/icon.test.jsx
similarity index 100%
rename from services/web/test/frontend/shared/components/icon.test.js
rename to services/web/test/frontend/shared/components/icon.test.jsx
diff --git a/services/web/test/frontend/shared/components/pagination.test.js b/services/web/test/frontend/shared/components/pagination.test.jsx
similarity index 100%
rename from services/web/test/frontend/shared/components/pagination.test.js
rename to services/web/test/frontend/shared/components/pagination.test.jsx
diff --git a/services/web/test/frontend/shared/components/processing.test.js b/services/web/test/frontend/shared/components/processing.test.jsx
similarity index 100%
rename from services/web/test/frontend/shared/components/processing.test.js
rename to services/web/test/frontend/shared/components/processing.test.jsx
diff --git a/services/web/test/frontend/shared/hooks/use-expand-collapse.test.js b/services/web/test/frontend/shared/hooks/use-expand-collapse.test.jsx
similarity index 100%
rename from services/web/test/frontend/shared/hooks/use-expand-collapse.test.js
rename to services/web/test/frontend/shared/hooks/use-expand-collapse.test.jsx
diff --git a/services/web/webpack.config.js b/services/web/webpack.config.js
index 96e847070c..ed50e113f6 100644
--- a/services/web/webpack.config.js
+++ b/services/web/webpack.config.js
@@ -27,25 +27,29 @@ const entryPoints = {
 
 // Add entrypoints for each "page"
 glob
-  .sync(path.join(__dirname, 'modules/*/frontend/js/pages/**/*.js'))
+  .sync(
+    path.join(__dirname, 'modules/*/frontend/js/pages/**/*.{js,jsx,ts,tsx}')
+  )
   .forEach(page => {
     // in: /workspace/services/web/modules/foo/frontend/js/pages/bar.js
     // out: modules/foo/pages/bar
     const name = path
       .relative(__dirname, page)
       .replace(/frontend[/]js[/]/, '')
-      .replace(/.js$/, '')
+      .replace(/.(js|jsx|ts|tsx)$/, '')
     entryPoints[name] = './' + path.relative(__dirname, page)
   })
 
-glob.sync(path.join(__dirname, 'frontend/js/pages/**/*.js')).forEach(page => {
-  // in: /workspace/services/web/frontend/js/pages/marketing/homepage.js
-  // out: pages/marketing/homepage
-  const name = path
-    .relative(path.join(__dirname, 'frontend/js/'), page)
-    .replace(/.js$/, '')
-  entryPoints[name] = './' + path.relative(__dirname, page)
-})
+glob
+  .sync(path.join(__dirname, 'frontend/js/pages/**/*.{js,jsx,ts,tsx}'))
+  .forEach(page => {
+    // in: /workspace/services/web/frontend/js/pages/marketing/homepage.js
+    // out: pages/marketing/homepage
+    const name = path
+      .relative(path.join(__dirname, 'frontend/js/'), page)
+      .replace(/.(js|jsx|ts|tsx)$/, '')
+    entryPoints[name] = './' + path.relative(__dirname, page)
+  })
 
 function getModuleDirectory(moduleName) {
   const entrypointPath = require.resolve(moduleName)