Use web-mode for tsx code

packages/typescript.el

@@ -1,5 +1,17 @@
+(require 'web-mode)
+(defun setup-tide-mode ()
+  (interactive)
+  (tide-setup)
+  (eldoc-mode +1)
+  (tide-hl-identifier-mode +1))
 (use-package tide
-  :hook ((typescript-mode . tide-setup)
-         (before-save-hook . tide-format-before-save))
-  :mode ("\\.tsx\\'" . typescript-mode)
-  :init (flycheck-add-next-checker 'typescript-tide 'javascript-eslint 'append))
+  :demand t
+  :hook ((before-save . tide-format-before-save))
+  :mode ("\\.tsx\\'" . web-mode)
+  :config (flycheck-add-next-checker 'typescript-tide 'javascript-eslint 'append)
+  (flycheck-add-mode 'typescript-tide 'web-mode)
+  (add-hook 'web-mode-hook
+          (lambda ()
+            (when (string-equal "tsx" (file-name-extension buffer-file-name))
+              (setup-tide-mode)))))
+(setq web-mode-enable-auto-pairing t)