diff --git a/docs/locales.mdx b/docs/locales.mdx
index 89917aeb3d..b3b7c6c21f 100644
--- a/docs/locales.mdx
+++ b/docs/locales.mdx
@@ -121,11 +121,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/ar_SA.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/ar_SA.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>ar_SA.js</code>
+					<code>ar_SA.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -157,11 +157,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/bg_BG.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/bg_BG.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>bg_BG.js</code>
+					<code>bg_BG.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -193,11 +193,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/zh_CN.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/zh_CN.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>zh_CN.js</code>
+					<code>zh_CN.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -229,11 +229,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/zh_TW.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/zh_TW.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>zh_TW.js</code>
+					<code>zh_TW.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -265,11 +265,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/hr_HR.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/hr_HR.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>hr_HR.js</code>
+					<code>hr_HR.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -301,11 +301,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/cs_CZ.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/cs_CZ.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>cs_CZ.js</code>
+					<code>cs_CZ.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -337,11 +337,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/da_DK.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/da_DK.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>da_DK.js</code>
+					<code>da_DK.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -373,11 +373,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/nl_NL.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/nl_NL.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>nl_NL.js</code>
+					<code>nl_NL.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -409,11 +409,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/en_US.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/en_US.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>en_US.js</code>
+					<code>en_US.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -445,11 +445,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/fi_FI.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/fi_FI.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>fi_FI.js</code>
+					<code>fi_FI.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -481,11 +481,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/fr_FR.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/fr_FR.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>fr_FR.js</code>
+					<code>fr_FR.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -517,11 +517,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/gl_ES.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/gl_ES.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>gl_ES.js</code>
+					<code>gl_ES.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -553,11 +553,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/de_DE.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/de_DE.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>de_DE.js</code>
+					<code>de_DE.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -589,11 +589,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/el_GR.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/el_GR.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>el_GR.js</code>
+					<code>el_GR.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -625,11 +625,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/he_IL.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/he_IL.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>he_IL.js</code>
+					<code>he_IL.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -661,11 +661,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/hi_IN.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/hi_IN.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>hi_IN.js</code>
+					<code>hi_IN.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -697,11 +697,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/hu_HU.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/hu_HU.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>hu_HU.js</code>
+					<code>hu_HU.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -733,11 +733,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/is_IS.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/is_IS.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>is_IS.js</code>
+					<code>is_IS.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -769,11 +769,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/id_ID.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/id_ID.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>id_ID.js</code>
+					<code>id_ID.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -805,11 +805,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/it_IT.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/it_IT.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>it_IT.js</code>
+					<code>it_IT.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -841,11 +841,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/ja_JP.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/ja_JP.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>ja_JP.js</code>
+					<code>ja_JP.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -877,11 +877,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/ko_KR.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/ko_KR.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>ko_KR.js</code>
+					<code>ko_KR.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -913,11 +913,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/nb_NO.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/nb_NO.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>nb_NO.js</code>
+					<code>nb_NO.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -949,11 +949,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/fa_IR.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/fa_IR.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>fa_IR.js</code>
+					<code>fa_IR.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -985,11 +985,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/pl_PL.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/pl_PL.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>pl_PL.js</code>
+					<code>pl_PL.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -1021,11 +1021,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/pt_BR.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/pt_BR.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>pt_BR.js</code>
+					<code>pt_BR.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -1057,11 +1057,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/pt_PT.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/pt_PT.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>pt_PT.js</code>
+					<code>pt_PT.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -1093,11 +1093,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/ro_RO.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/ro_RO.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>ro_RO.js</code>
+					<code>ro_RO.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -1129,11 +1129,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/ru_RU.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/ru_RU.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>ru_RU.js</code>
+					<code>ru_RU.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -1166,11 +1166,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/sr_RS_Cyrillic.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/sr_RS_Cyrillic.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>sr_RS_Cyrillic.js</code>
+					<code>sr_RS_Cyrillic.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -1203,11 +1203,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/sr_RS_Latin.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/sr_RS_Latin.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>sr_RS_Latin.js</code>
+					<code>sr_RS_Latin.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -1239,11 +1239,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/sk_SK.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/sk_SK.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>sk_SK.js</code>
+					<code>sk_SK.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -1275,11 +1275,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/es_ES.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/es_ES.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>es_ES.js</code>
+					<code>es_ES.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -1311,11 +1311,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/es_MX.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/es_MX.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>es_MX.js</code>
+					<code>es_MX.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -1347,11 +1347,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/sv_SE.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/sv_SE.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>sv_SE.js</code>
+					<code>sv_SE.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -1383,11 +1383,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/th_TH.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/th_TH.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>th_TH.js</code>
+					<code>th_TH.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -1419,11 +1419,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/tr_TR.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/tr_TR.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>tr_TR.js</code>
+					<code>tr_TR.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -1455,11 +1455,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/uk_UA.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/uk_UA.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>uk_UA.js</code>
+					<code>uk_UA.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -1491,11 +1491,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/uz_UZ.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/uz_UZ.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>uz_UZ.js</code>
+					<code>uz_UZ.ts</code>
 				</a>
 			</td>
 		</tr>
@@ -1527,11 +1527,11 @@ uppy.use(DragDrop, {
 			<td>
 				✏️{' '}
 				<a
-					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/vi_VN.js"
+					href="https://github.com/transloadit/uppy/blob/main/packages/%40uppy/locales/src/vi_VN.ts"
 					target="_blank"
 					rel="noopener"
 				>
-					<code>vi_VN.js</code>
+					<code>vi_VN.ts</code>
 				</a>
 			</td>
 		</tr>