diff --git a/smartparens-config.el b/smartparens-config.el
index af2ee3a7..d354d112 100644
--- a/smartparens-config.el
+++ b/smartparens-config.el
@@ -148,7 +148,7 @@ ID, ACTION, CONTEXT."
 (eval-after-load 'tuareg                   '(require 'smartparens-ml))
 (eval-after-load 'fsharp-mode              '(require 'smartparens-ml))
 (eval-after-load 'unisonlang-mode          '(require 'smartparens-unison))
-(--each '(js js2-mode)
+(--each '(js js2-mode typescript-ts-mode)
   (eval-after-load it                      '(require 'smartparens-javascript)))
 (provide 'smartparens-config)
 
diff --git a/smartparens-javascript.el b/smartparens-javascript.el
index 95e6e5dc..968694ad 100644
--- a/smartparens-javascript.el
+++ b/smartparens-javascript.el
@@ -48,7 +48,16 @@
 
 ;; (|sys).path.append---the dot should not travel with the closing
 ;; paren
-(--each '(js-mode javascript-mode js2-mode typescript-mode rjsx-mode)
+(--each '(
+          js-mode
+          javascript-mode
+          js2-mode
+          typescript-mode
+          rjsx-mode
+          js-ts-mode
+          typescript-ts-mode
+          tsx-ts-mode
+          )
   (add-to-list 'sp-sexp-suffix (list it 'regexp "")))
 
 (provide 'smartparens-javascript)
diff --git a/smartparens.el b/smartparens.el
index d3661116..cc720d97 100644
--- a/smartparens.el
+++ b/smartparens.el
@@ -642,6 +642,7 @@ Symbol is defined as a chunk of text recognized by
                          js-jsx-mode
                          js2-jsx-mode
                          rjsx-mode
+                         tsx-ts-mode
                          )
   "List of HTML modes.")