diff --git a/src/KeyCode.js b/src/KeyCode.ts
similarity index 77%
rename from src/KeyCode.js
rename to src/KeyCode.ts
index 69b0c880..a85d600c 100644
--- a/src/KeyCode.js
+++ b/src/KeyCode.ts
@@ -1,4 +1,4 @@
-export default {
+const KeyCode =  {
   ZERO: 48,
   NINE: 57,
 
@@ -12,3 +12,5 @@ export default {
   ARROW_UP: 38,
   ARROW_DOWN: 40,
 };
+
+export default KeyCode;
\ No newline at end of file
diff --git a/src/Options.jsx b/src/Options.tsx
similarity index 76%
rename from src/Options.jsx
rename to src/Options.tsx
index c3249895..f89b17dc 100644
--- a/src/Options.jsx
+++ b/src/Options.tsx
@@ -2,7 +2,28 @@
 import React from 'react';
 import KEYCODE from './KeyCode';
 
-class Options extends React.Component {
+interface Props {
+  disabled: boolean;
+  locale: any;
+  rootPrefixCls: string;
+  selectPrefixCls: string;
+  current: number;
+  pageSize: number;
+  pageSizeOptions: (string | number)[];
+  goButton: boolean | string;
+  changeSize: (size: number) => void;
+  quickGo: (value: number) => void;
+  buildOptionText?: (value: string | number) => string;
+  selectComponentClass: React.ComponentType<any> & {
+    Option?: React.ComponentType<any>;
+  };
+}
+
+interface State {
+  goInputText: string;
+}
+
+class Options extends React.Component<Props, State> {
   static defaultProps = {
     pageSizeOptions: ['10', '20', '50', '100'],
   };
@@ -11,33 +32,32 @@ class Options extends React.Component {
     goInputText: '',
   };
 
-  getValidValue() {
+  getValidValue = () => {
     const { goInputText } = this.state;
     // eslint-disable-next-line no-restricted-globals
-    return !goInputText || isNaN(goInputText) ? undefined : Number(goInputText);
-  }
+    return !goInputText || Number.isNaN(goInputText)
+      ? undefined
+      : Number(goInputText);
+  };
 
-  buildOptionText = (value) => `${value} ${this.props.locale.items_per_page}`;
+  buildOptionText = (value: string) =>
+    `${value} ${this.props.locale.items_per_page}`;
 
-  changeSize = (value) => {
+  changeSize = (value: number) => {
     this.props.changeSize(Number(value));
   };
 
-  handleChange = (e) => {
-    this.setState({
-      goInputText: e.target.value,
-    });
+  handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    this.setState({ goInputText: e.target.value });
   };
 
-  handleBlur = (e) => {
+  handleBlur = (e: React.FocusEvent<HTMLInputElement, Element>) => {
     const { goButton, quickGo, rootPrefixCls } = this.props;
     const { goInputText } = this.state;
     if (goButton || goInputText === '') {
       return;
     }
-    this.setState({
-      goInputText: '',
-    });
+    this.setState({ goInputText: '' });
     if (
       e.relatedTarget &&
       (e.relatedTarget.className.indexOf(`${rootPrefixCls}-item-link`) >= 0 ||
@@ -48,15 +68,13 @@ class Options extends React.Component {
     quickGo(this.getValidValue());
   };
 
-  go = (e) => {
+  go = (e: any) => {
     const { goInputText } = this.state;
     if (goInputText === '') {
       return;
     }
     if (e.keyCode === KEYCODE.ENTER || e.type === 'click') {
-      this.setState({
-        goInputText: '',
-      });
+      this.setState({ goInputText: '' });
       this.props.quickGo(this.getValidValue());
     }
   };
@@ -72,9 +90,9 @@ class Options extends React.Component {
     }
     return pageSizeOptions.concat([pageSize.toString()]).sort((a, b) => {
       // eslint-disable-next-line no-restricted-globals
-      const numberA = isNaN(Number(a)) ? 0 : Number(a);
+      const numberA = Number.isNaN(Number(a)) ? 0 : Number(a);
       // eslint-disable-next-line no-restricted-globals
-      const numberB = isNaN(Number(b)) ? 0 : Number(b);
+      const numberB = Number.isNaN(Number(b)) ? 0 : Number(b);
       return numberA - numberB;
     });
   }
diff --git a/src/Pager.jsx b/src/Pager.jsx
deleted file mode 100644
index 1a7a15ec..00000000
--- a/src/Pager.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-/* eslint react/prop-types: 0 */
-import React from 'react';
-import classNames from 'classnames';
-
-const Pager = (props) => {
-  const prefixCls = `${props.rootPrefixCls}-item`;
-  const cls = classNames(prefixCls, `${prefixCls}-${props.page}`, {
-    [`${prefixCls}-active`]: props.active,
-    [`${prefixCls}-disabled`]: !props.page,
-    [props.className]: !!props.className,
-  });
-
-  const handleClick = () => {
-    props.onClick(props.page);
-  };
-
-  const handleKeyPress = (e) => {
-    props.onKeyPress(e, props.onClick, props.page);
-  };
-
-  return (
-    <li
-      title={props.showTitle ? props.page : null}
-      className={cls}
-      onClick={handleClick}
-      onKeyPress={handleKeyPress}
-      tabIndex="0"
-    >
-      {props.itemRender(props.page, 'page', <a rel="nofollow">{props.page}</a>)}
-    </li>
-  );
-};
-
-export default Pager;
diff --git a/src/Pager.tsx b/src/Pager.tsx
new file mode 100644
index 00000000..ed9475cf
--- /dev/null
+++ b/src/Pager.tsx
@@ -0,0 +1,65 @@
+/* eslint react/prop-types: 0 */
+import classNames from 'classnames';
+import React from 'react';
+
+interface Props {
+  last?: boolean;
+  locale?: any;
+  rootPrefixCls: string;
+  page: number;
+  active?: boolean;
+  className?: string;
+  showTitle: boolean;
+  onClick?: (page: number) => void;
+  onKeyPress?: (
+    e: React.KeyboardEvent<HTMLLIElement>,
+    onClick: Props['onClick'],
+    page: Props['page'],
+  ) => void;
+  itemRender?: (
+    page: number,
+    type: 'page' | 'prev' | 'next' | 'jump-prev' | 'jump-next',
+    element: React.ReactNode,
+  ) => React.ReactNode;
+}
+
+const Pager: React.FC<Props> = (props) => {
+  const {
+    rootPrefixCls,
+    page,
+    active,
+    className,
+    showTitle,
+    onClick,
+    onKeyPress,
+    itemRender,
+  } = props;
+  const prefixCls = `${rootPrefixCls}-item`;
+  const cls = classNames(prefixCls, `${prefixCls}-${page}`, {
+    [`${prefixCls}-active`]: active,
+    [`${prefixCls}-disabled`]: !page,
+    [props.className]: className,
+  });
+
+  const handleClick = () => {
+    onClick(page);
+  };
+
+  const handleKeyPress = (e: React.KeyboardEvent<HTMLLIElement>) => {
+    onKeyPress(e, onClick, page);
+  };
+
+  return (
+    <li
+      title={showTitle ? page.toString() : null}
+      className={cls}
+      onClick={handleClick}
+      onKeyPress={handleKeyPress}
+      tabIndex={0}
+    >
+      {itemRender(page, 'page', <a rel="nofollow">{page}</a>)}
+    </li>
+  );
+};
+
+export default Pager;
diff --git a/src/Pagination.jsx b/src/Pagination.tsx
similarity index 79%
rename from src/Pagination.jsx
rename to src/Pagination.tsx
index dc0e6b94..45f992b2 100644
--- a/src/Pagination.jsx
+++ b/src/Pagination.tsx
@@ -1,34 +1,108 @@
 /* eslint react/prop-types: 0 */
-import React, { cloneElement, isValidElement } from 'react';
 import classNames from 'classnames';
-import Pager from './Pager';
-import Options from './Options';
+import React, { cloneElement, isValidElement } from 'react';
 import KEYCODE from './KeyCode';
 import LOCALE from './locale/zh_CN';
+import Options from './Options';
+import Pager from './Pager';
+
+export interface PaginationLocale {
+  // Options.jsx
+  items_per_page?: string;
+  jump_to?: string;
+  jump_to_confirm?: string;
+  page?: string;
+
+  // Pagination.jsx
+  prev_page?: string;
+  next_page?: string;
+  prev_5?: string;
+  next_5?: string;
+  prev_3?: string;
+  next_3?: string;
+}
+
+export interface PaginationData {
+  className: string;
+  selectPrefixCls: string;
+  prefixCls: string;
+  pageSizeOptions: string[] | number[];
+
+  current: number;
+  defaultCurrent: number;
+  total: number;
+  totalBoundaryShowSizeChanger?: number;
+  pageSize: number;
+  defaultPageSize: number;
+
+  hideOnSinglePage: boolean;
+  showSizeChanger: boolean;
+  showLessItems: boolean;
+  showPrevNextJumpers: boolean;
+  showQuickJumper: boolean | object;
+  showTitle: boolean;
+  simple: boolean;
+  disabled: boolean;
+
+  locale: PaginationLocale;
+
+  style: React.CSSProperties;
+
+  selectComponentClass: React.ComponentType;
+  prevIcon: React.ComponentType | React.ReactNode;
+  nextIcon: React.ComponentType | React.ReactNode;
+  jumpPrevIcon: React.ComponentType | React.ReactNode;
+  jumpNextIcon: React.ComponentType | React.ReactNode;
+}
+
+export interface PaginationProps extends Partial<PaginationData> {
+  onChange?: (page: number, pageSize: number) => void;
+  onShowSizeChange?: (current: number, size: number) => void;
+  itemRender?: (
+    page: number,
+    type: 'page' | 'prev' | 'next' | 'jump-prev' | 'jump-next',
+    element: React.ReactNode,
+  ) => React.ReactNode;
+  showTotal?: (total: number, range: [number, number]) => React.ReactNode;
+}
+
+interface PaginationState {
+  current: number;
+  currentInputValue: number;
+  pageSize: number;
+}
 
 function noop() {}
 
-function isInteger(v) {
+function isInteger(v: number) {
   const value = Number(v);
   return (
     // eslint-disable-next-line no-restricted-globals
     typeof value === 'number' &&
-    !isNaN(value) &&
+    !Number.isNaN(value) &&
     isFinite(value) &&
     Math.floor(value) === value
   );
 }
 
-function defaultItemRender(page, type, element) {
+const defaultItemRender: PaginationProps['itemRender'] = (
+  page,
+  type,
+  element,
+) => {
   return element;
-}
+};
 
-function calculatePage(p, state, props) {
+function calculatePage(
+  p: number | undefined,
+  state: PaginationState,
+  props: PaginationProps,
+) {
   const pageSize = typeof p === 'undefined' ? state.pageSize : p;
   return Math.floor((props.total - 1) / pageSize) + 1;
 }
 
-class Pagination extends React.Component {
+class Pagination extends React.Component<PaginationProps, PaginationState> {
   static defaultProps = {
     defaultCurrent: 1,
     total: 0,
@@ -49,8 +123,8 @@ class Pagination extends React.Component {
     itemRender: defaultItemRender,
     totalBoundaryShowSizeChanger: 50,
   };
-
-  constructor(props) {
+  paginationNode = React.createRef<HTMLUListElement>();
+  constructor(props: PaginationProps) {
     super(props);
 
     const hasOnChange = props.onChange !== noop;
@@ -83,22 +157,29 @@ class Pagination extends React.Component {
     };
   }
 
-  componentDidUpdate(prevProps, prevState) {
+  componentDidUpdate(_: PaginationProps, prevState: PaginationState) {
     // When current page change, fix focused style of prev item
     // A hacky solution of https://github.com/ant-design/ant-design/issues/8948
     const { prefixCls } = this.props;
-    if (prevState.current !== this.state.current && this.paginationNode) {
-      const lastCurrentNode = this.paginationNode.querySelector(
-        `.${prefixCls}-item-${prevState.current}`,
-      );
+    if (
+      prevState.current !== this.state.current &&
+      this.paginationNode.current
+    ) {
+      const lastCurrentNode =
+        this.paginationNode.current.querySelector<HTMLInputElement>(
+          `.${prefixCls}-item-${prevState.current}`,
+        );
       if (lastCurrentNode && document.activeElement === lastCurrentNode) {
-        lastCurrentNode.blur();
+        lastCurrentNode?.blur?.();
       }
     }
   }
 
-  static getDerivedStateFromProps(props, prevState) {
-    const newState = {};
+  static getDerivedStateFromProps(
+    props: PaginationProps,
+    prevState: PaginationState,
+  ) {
+    const newState: Partial<PaginationState> = {};
 
     if ('current' in props) {
       newState.current = props.current;
@@ -132,12 +213,10 @@ class Pagination extends React.Component {
       this.state.current + (this.props.showLessItems ? 3 : 5),
     );
 
-  /**
-   * computed icon node that need to be rendered.
-   * @param {React.ReactNode | React.ComponentType<PaginationProps>} icon received icon.
-   * @returns {React.ReactNode}
-   */
-  getItemIcon = (icon, label) => {
+  getItemIcon = (
+    icon: React.ReactNode | React.ComponentType<PaginationProps>,
+    label: string,
+  ) => {
     const { prefixCls } = this.props;
     let iconNode = icon || (
       <button
@@ -149,18 +228,18 @@ class Pagination extends React.Component {
     if (typeof icon === 'function') {
       iconNode = React.createElement(icon, { ...this.props });
     }
-    return iconNode;
+    return iconNode as React.ReactNode;
   };
 
-  getValidValue(e) {
+  getValidValue(e: any): number {
     const inputValue = e.target.value;
     const allPages = calculatePage(undefined, this.state, this.props);
     const { currentInputValue } = this.state;
-    let value;
+    let value: number;
     if (inputValue === '') {
       value = inputValue;
       // eslint-disable-next-line no-restricted-globals
-    } else if (isNaN(Number(inputValue))) {
+    } else if (Number.isNaN(Number(inputValue))) {
       value = currentInputValue;
     } else if (inputValue >= allPages) {
       value = allPages;
@@ -170,11 +249,7 @@ class Pagination extends React.Component {
     return value;
   }
 
-  savePaginationNode = (node) => {
-    this.paginationNode = node;
-  };
-
-  isValid = (page) => {
+  isValid = (page: number) => {
     const { total } = this.props;
     return (
       isInteger(page) &&
@@ -193,35 +268,44 @@ class Pagination extends React.Component {
     return showQuickJumper;
   };
 
-  handleKeyDown = (e) => {
+  handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
     if (e.keyCode === KEYCODE.ARROW_UP || e.keyCode === KEYCODE.ARROW_DOWN) {
       e.preventDefault();
     }
   };
 
-  handleKeyUp = (e) => {
+  handleKeyUp = (
+    e:
+      | React.KeyboardEvent<HTMLInputElement>
+      | React.ChangeEvent<HTMLInputElement>,
+  ) => {
     const value = this.getValidValue(e);
     const { currentInputValue } = this.state;
     if (value !== currentInputValue) {
-      this.setState({
-        currentInputValue: value,
-      });
+      this.setState({ currentInputValue: value });
     }
-    if (e.keyCode === KEYCODE.ENTER) {
+    if (
+      (e as React.KeyboardEvent<HTMLInputElement>).keyCode === KEYCODE.ENTER
+    ) {
       this.handleChange(value);
-    } else if (e.keyCode === KEYCODE.ARROW_UP) {
+    } else if (
+      (e as React.KeyboardEvent<HTMLInputElement>).keyCode === KEYCODE.ARROW_UP
+    ) {
       this.handleChange(value - 1);
-    } else if (e.keyCode === KEYCODE.ARROW_DOWN) {
+    } else if (
+      (e as React.KeyboardEvent<HTMLInputElement>).keyCode ===
+      KEYCODE.ARROW_DOWN
+    ) {
       this.handleChange(value + 1);
     }
   };
 
-  handleBlur = (e) => {
+  handleBlur = (e: React.FocusEvent<HTMLInputElement, Element>) => {
     const value = this.getValidValue(e);
     this.handleChange(value);
   };
 
-  changePageSize = (size) => {
+  changePageSize = (size: number) => {
     let { current } = this.state;
     const newCurrent = calculatePage(size, this.state, this.props);
     current = current > newCurrent ? newCurrent : current;
@@ -234,15 +318,10 @@ class Pagination extends React.Component {
 
     if (typeof size === 'number') {
       if (!('pageSize' in this.props)) {
-        this.setState({
-          pageSize: size,
-        });
+        this.setState({ pageSize: size });
       }
       if (!('current' in this.props)) {
-        this.setState({
-          current,
-          currentInputValue: current,
-        });
+        this.setState({ current, currentInputValue: current });
       }
     }
 
@@ -253,7 +332,7 @@ class Pagination extends React.Component {
     }
   };
 
-  handleChange = (page) => {
+  handleChange = (page: number) => {
     const { disabled, onChange } = this.props;
     const { pageSize, current, currentInputValue } = this.state;
     if (this.isValid(page) && !disabled) {
@@ -265,14 +344,10 @@ class Pagination extends React.Component {
         newPage = 1;
       }
       if (!('current' in this.props)) {
-        this.setState({
-          current: newPage,
-        });
+        this.setState({ current: newPage });
       }
       if (newPage !== currentInputValue) {
-        this.setState({
-          currentInputValue: newPage,
-        });
+        this.setState({ currentInputValue: newPage });
       }
       onChange(newPage, pageSize);
       return newPage;
@@ -319,29 +394,29 @@ class Pagination extends React.Component {
     }
   };
 
-  runIfEnterPrev = (e) => {
+  runIfEnterPrev = (e: React.KeyboardEvent<HTMLLIElement>) => {
     this.runIfEnter(e, this.prev);
   };
 
-  runIfEnterNext = (e) => {
+  runIfEnterNext = (e: React.KeyboardEvent<HTMLLIElement>) => {
     this.runIfEnter(e, this.next);
   };
 
-  runIfEnterJumpPrev = (e) => {
+  runIfEnterJumpPrev = (e: React.KeyboardEvent<HTMLLIElement>) => {
     this.runIfEnter(e, this.jumpPrev);
   };
 
-  runIfEnterJumpNext = (e) => {
+  runIfEnterJumpNext = (e: React.KeyboardEvent<HTMLLIElement>) => {
     this.runIfEnter(e, this.jumpNext);
   };
 
-  handleGoTO = (e) => {
+  handleGoTO = (e: any) => {
     if (e.keyCode === KEYCODE.ENTER || e.type === 'click') {
       this.handleChange(this.state.currentInputValue);
     }
   };
 
-  renderPrev(prevPage) {
+  renderPrev = (prevPage: number) => {
     const { prevIcon, itemRender } = this.props;
     const prevButton = itemRender(
       prevPage,
@@ -350,11 +425,11 @@ class Pagination extends React.Component {
     );
     const disabled = !this.hasPrev();
     return isValidElement(prevButton)
-      ? cloneElement(prevButton, { disabled })
+      ? cloneElement<any>(prevButton, { disabled })
       : prevButton;
-  }
+  };
 
-  renderNext(nextPage) {
+  renderNext = (nextPage: number) => {
     const { nextIcon, itemRender } = this.props;
     const nextButton = itemRender(
       nextPage,
@@ -363,9 +438,9 @@ class Pagination extends React.Component {
     );
     const disabled = !this.hasNext();
     return isValidElement(nextButton)
-      ? cloneElement(nextButton, { disabled })
+      ? cloneElement<any>(nextButton, { disabled })
       : nextButton;
-  }
+  };
 
   render() {
     const {
@@ -405,7 +480,7 @@ class Pagination extends React.Component {
     let lastPager = null;
     let gotoButton = null;
 
-    const goButton = showQuickJumper && showQuickJumper.goButton;
+    const goButton = showQuickJumper && (showQuickJumper as any).goButton;
     const pageBufferSize = showLessItems ? 1 : 2;
 
     const prevPage = current - 1 > 0 ? current - 1 : 0;
@@ -473,7 +548,7 @@ class Pagination extends React.Component {
             className,
           )}
           style={style}
-          ref={this.savePaginationNode}
+          ref={this.paginationNode}
           {...dataOrAriaAttributeProps}
         >
           {totalText}
@@ -501,7 +576,7 @@ class Pagination extends React.Component {
               onKeyUp={this.handleKeyUp}
               onChange={this.handleKeyUp}
               onBlur={this.handleBlur}
-              size="3"
+              size={3}
             />
             <span className={`${prefixCls}-slash`}>/</span>
             {allPages}
@@ -557,7 +632,7 @@ class Pagination extends React.Component {
             title={showTitle ? prevItemTitle : null}
             key="prev"
             onClick={this.jumpPrev}
-            tabIndex="0"
+            tabIndex={0}
             onKeyPress={this.runIfEnterJumpPrev}
             className={classNames(`${prefixCls}-jump-prev`, {
               [`${prefixCls}-jump-prev-custom-icon`]: !!jumpPrevIcon,
@@ -574,7 +649,7 @@ class Pagination extends React.Component {
           <li
             title={showTitle ? nextItemTitle : null}
             key="next"
-            tabIndex="0"
+            tabIndex={0}
             onClick={this.jumpNext}
             onKeyPress={this.runIfEnterJumpNext}
             className={classNames(`${prefixCls}-jump-next`, {
@@ -680,7 +755,7 @@ class Pagination extends React.Component {
           [`${prefixCls}-disabled`]: disabled,
         })}
         style={style}
-        ref={this.savePaginationNode}
+        ref={this.paginationNode}
         {...dataOrAriaAttributeProps}
       >
         {totalText}
diff --git a/src/index.js b/src/index.ts
similarity index 100%
rename from src/index.js
rename to src/index.ts
diff --git a/src/locale/am.js b/src/locale/am.ts
similarity index 100%
rename from src/locale/am.js
rename to src/locale/am.ts
diff --git a/src/locale/ar_EG.js b/src/locale/ar_EG.ts
similarity index 100%
rename from src/locale/ar_EG.js
rename to src/locale/ar_EG.ts
diff --git a/src/locale/az_AZ.js b/src/locale/az_AZ.ts
similarity index 100%
rename from src/locale/az_AZ.js
rename to src/locale/az_AZ.ts
diff --git a/src/locale/bg_BG.js b/src/locale/bg_BG.ts
similarity index 100%
rename from src/locale/bg_BG.js
rename to src/locale/bg_BG.ts
diff --git a/src/locale/bn_BD.js b/src/locale/bn_BD.ts
similarity index 100%
rename from src/locale/bn_BD.js
rename to src/locale/bn_BD.ts
diff --git a/src/locale/by_BY.js b/src/locale/by_BY.ts
similarity index 100%
rename from src/locale/by_BY.js
rename to src/locale/by_BY.ts
diff --git a/src/locale/ca_ES.js b/src/locale/ca_ES.ts
similarity index 100%
rename from src/locale/ca_ES.js
rename to src/locale/ca_ES.ts
diff --git a/src/locale/cs_CZ.js b/src/locale/cs_CZ.ts
similarity index 100%
rename from src/locale/cs_CZ.js
rename to src/locale/cs_CZ.ts
diff --git a/src/locale/da_DK.js b/src/locale/da_DK.ts
similarity index 100%
rename from src/locale/da_DK.js
rename to src/locale/da_DK.ts
diff --git a/src/locale/de_DE.js b/src/locale/de_DE.ts
similarity index 100%
rename from src/locale/de_DE.js
rename to src/locale/de_DE.ts
diff --git a/src/locale/el_GR.js b/src/locale/el_GR.ts
similarity index 100%
rename from src/locale/el_GR.js
rename to src/locale/el_GR.ts
diff --git a/src/locale/en_GB.js b/src/locale/en_GB.ts
similarity index 100%
rename from src/locale/en_GB.js
rename to src/locale/en_GB.ts
diff --git a/src/locale/en_US.js b/src/locale/en_US.ts
similarity index 100%
rename from src/locale/en_US.js
rename to src/locale/en_US.ts
diff --git a/src/locale/es_ES.js b/src/locale/es_ES.ts
similarity index 100%
rename from src/locale/es_ES.js
rename to src/locale/es_ES.ts
diff --git a/src/locale/et_EE.js b/src/locale/et_EE.ts
similarity index 100%
rename from src/locale/et_EE.js
rename to src/locale/et_EE.ts
diff --git a/src/locale/eu_ES.js b/src/locale/eu_ES.ts
similarity index 100%
rename from src/locale/eu_ES.js
rename to src/locale/eu_ES.ts
diff --git a/src/locale/fa_IR.js b/src/locale/fa_IR.ts
similarity index 100%
rename from src/locale/fa_IR.js
rename to src/locale/fa_IR.ts
diff --git a/src/locale/fi_FI.js b/src/locale/fi_FI.ts
similarity index 100%
rename from src/locale/fi_FI.js
rename to src/locale/fi_FI.ts
diff --git a/src/locale/fr_BE.js b/src/locale/fr_BE.ts
similarity index 100%
rename from src/locale/fr_BE.js
rename to src/locale/fr_BE.ts
diff --git a/src/locale/fr_CA.js b/src/locale/fr_CA.ts
similarity index 100%
rename from src/locale/fr_CA.js
rename to src/locale/fr_CA.ts
diff --git a/src/locale/fr_FR.js b/src/locale/fr_FR.ts
similarity index 100%
rename from src/locale/fr_FR.js
rename to src/locale/fr_FR.ts
diff --git a/src/locale/ga_IE.js b/src/locale/ga_IE.ts
similarity index 100%
rename from src/locale/ga_IE.js
rename to src/locale/ga_IE.ts
diff --git a/src/locale/gl_ES.tsx b/src/locale/gl_ES.ts
similarity index 100%
rename from src/locale/gl_ES.tsx
rename to src/locale/gl_ES.ts
diff --git a/src/locale/he_IL.js b/src/locale/he_IL.ts
similarity index 100%
rename from src/locale/he_IL.js
rename to src/locale/he_IL.ts
diff --git a/src/locale/hi_IN.js b/src/locale/hi_IN.ts
similarity index 100%
rename from src/locale/hi_IN.js
rename to src/locale/hi_IN.ts
diff --git a/src/locale/hr_HR.js b/src/locale/hr_HR.ts
similarity index 100%
rename from src/locale/hr_HR.js
rename to src/locale/hr_HR.ts
diff --git a/src/locale/hu_HU.js b/src/locale/hu_HU.ts
similarity index 100%
rename from src/locale/hu_HU.js
rename to src/locale/hu_HU.ts
diff --git a/src/locale/id_ID.js b/src/locale/id_ID.ts
similarity index 100%
rename from src/locale/id_ID.js
rename to src/locale/id_ID.ts
diff --git a/src/locale/is_IS.js b/src/locale/is_IS.ts
similarity index 100%
rename from src/locale/is_IS.js
rename to src/locale/is_IS.ts
diff --git a/src/locale/it_IT.js b/src/locale/it_IT.ts
similarity index 100%
rename from src/locale/it_IT.js
rename to src/locale/it_IT.ts
diff --git a/src/locale/ja_JP.js b/src/locale/ja_JP.ts
similarity index 100%
rename from src/locale/ja_JP.js
rename to src/locale/ja_JP.ts
diff --git a/src/locale/ka_GE.js b/src/locale/ka_GE.ts
similarity index 100%
rename from src/locale/ka_GE.js
rename to src/locale/ka_GE.ts
diff --git a/src/locale/kk_KZ.js b/src/locale/kk_KZ.ts
similarity index 100%
rename from src/locale/kk_KZ.js
rename to src/locale/kk_KZ.ts
diff --git a/src/locale/km_KH.js b/src/locale/km_KH.ts
similarity index 100%
rename from src/locale/km_KH.js
rename to src/locale/km_KH.ts
diff --git a/src/locale/kmr_IQ.js b/src/locale/kmr_IQ.ts
similarity index 100%
rename from src/locale/kmr_IQ.js
rename to src/locale/kmr_IQ.ts
diff --git a/src/locale/kn_IN.js b/src/locale/kn_IN.ts
similarity index 100%
rename from src/locale/kn_IN.js
rename to src/locale/kn_IN.ts
diff --git a/src/locale/ko_KR.js b/src/locale/ko_KR.ts
similarity index 100%
rename from src/locale/ko_KR.js
rename to src/locale/ko_KR.ts
diff --git a/src/locale/lt_LT.js b/src/locale/lt_LT.ts
similarity index 100%
rename from src/locale/lt_LT.js
rename to src/locale/lt_LT.ts
diff --git a/src/locale/lv_LV.js b/src/locale/lv_LV.ts
similarity index 100%
rename from src/locale/lv_LV.js
rename to src/locale/lv_LV.ts
diff --git a/src/locale/mk_MK.js b/src/locale/mk_MK.ts
similarity index 100%
rename from src/locale/mk_MK.js
rename to src/locale/mk_MK.ts
diff --git a/src/locale/ml_IN.js b/src/locale/ml_IN.ts
similarity index 100%
rename from src/locale/ml_IN.js
rename to src/locale/ml_IN.ts
diff --git a/src/locale/mm_MM.js b/src/locale/mm_MM.ts
similarity index 100%
rename from src/locale/mm_MM.js
rename to src/locale/mm_MM.ts
diff --git a/src/locale/mn_MN.js b/src/locale/mn_MN.ts
similarity index 100%
rename from src/locale/mn_MN.js
rename to src/locale/mn_MN.ts
diff --git a/src/locale/ms_MY.js b/src/locale/ms_MY.ts
similarity index 100%
rename from src/locale/ms_MY.js
rename to src/locale/ms_MY.ts
diff --git a/src/locale/nb_NO.js b/src/locale/nb_NO.ts
similarity index 100%
rename from src/locale/nb_NO.js
rename to src/locale/nb_NO.ts
diff --git a/src/locale/nl_BE.js b/src/locale/nl_BE.ts
similarity index 100%
rename from src/locale/nl_BE.js
rename to src/locale/nl_BE.ts
diff --git a/src/locale/nl_NL.js b/src/locale/nl_NL.ts
similarity index 100%
rename from src/locale/nl_NL.js
rename to src/locale/nl_NL.ts
diff --git a/src/locale/pa_IN.js b/src/locale/pa_IN.ts
similarity index 100%
rename from src/locale/pa_IN.js
rename to src/locale/pa_IN.ts
diff --git a/src/locale/pb_IN.js b/src/locale/pb_IN.ts
similarity index 100%
rename from src/locale/pb_IN.js
rename to src/locale/pb_IN.ts
diff --git a/src/locale/pl_PL.js b/src/locale/pl_PL.ts
similarity index 100%
rename from src/locale/pl_PL.js
rename to src/locale/pl_PL.ts
diff --git a/src/locale/pt_BR.js b/src/locale/pt_BR.ts
similarity index 100%
rename from src/locale/pt_BR.js
rename to src/locale/pt_BR.ts
diff --git a/src/locale/pt_PT.js b/src/locale/pt_PT.ts
similarity index 100%
rename from src/locale/pt_PT.js
rename to src/locale/pt_PT.ts
diff --git a/src/locale/ro_RO.js b/src/locale/ro_RO.ts
similarity index 100%
rename from src/locale/ro_RO.js
rename to src/locale/ro_RO.ts
diff --git a/src/locale/ru_RU.js b/src/locale/ru_RU.ts
similarity index 100%
rename from src/locale/ru_RU.js
rename to src/locale/ru_RU.ts
diff --git a/src/locale/sk_SK.js b/src/locale/sk_SK.ts
similarity index 100%
rename from src/locale/sk_SK.js
rename to src/locale/sk_SK.ts
diff --git a/src/locale/sl_SI.js b/src/locale/sl_SI.ts
similarity index 100%
rename from src/locale/sl_SI.js
rename to src/locale/sl_SI.ts
diff --git a/src/locale/sr_RS.js b/src/locale/sr_RS.ts
similarity index 100%
rename from src/locale/sr_RS.js
rename to src/locale/sr_RS.ts
diff --git a/src/locale/sv_SE.js b/src/locale/sv_SE.ts
similarity index 100%
rename from src/locale/sv_SE.js
rename to src/locale/sv_SE.ts
diff --git a/src/locale/ta_IN.js b/src/locale/ta_IN.ts
similarity index 100%
rename from src/locale/ta_IN.js
rename to src/locale/ta_IN.ts
diff --git a/src/locale/th_TH.js b/src/locale/th_TH.ts
similarity index 100%
rename from src/locale/th_TH.js
rename to src/locale/th_TH.ts
diff --git a/src/locale/tk_TK.js b/src/locale/tk_TK.ts
similarity index 100%
rename from src/locale/tk_TK.js
rename to src/locale/tk_TK.ts
diff --git a/src/locale/tr_TR.js b/src/locale/tr_TR.ts
similarity index 100%
rename from src/locale/tr_TR.js
rename to src/locale/tr_TR.ts
diff --git a/src/locale/ug_CN.js b/src/locale/ug_CN.ts
similarity index 100%
rename from src/locale/ug_CN.js
rename to src/locale/ug_CN.ts
diff --git a/src/locale/uk_UA.js b/src/locale/uk_UA.ts
similarity index 100%
rename from src/locale/uk_UA.js
rename to src/locale/uk_UA.ts
diff --git a/src/locale/ur_PK.js b/src/locale/ur_PK.ts
similarity index 100%
rename from src/locale/ur_PK.js
rename to src/locale/ur_PK.ts
diff --git a/src/locale/uz_UZ.js b/src/locale/uz_UZ.ts
similarity index 100%
rename from src/locale/uz_UZ.js
rename to src/locale/uz_UZ.ts
diff --git a/src/locale/vi_VN.js b/src/locale/vi_VN.ts
similarity index 100%
rename from src/locale/vi_VN.js
rename to src/locale/vi_VN.ts
diff --git a/src/locale/zh_CN.js b/src/locale/zh_CN.ts
similarity index 100%
rename from src/locale/zh_CN.js
rename to src/locale/zh_CN.ts
diff --git a/src/locale/zh_TW.js b/src/locale/zh_TW.ts
similarity index 100%
rename from src/locale/zh_TW.js
rename to src/locale/zh_TW.ts