diff --git a/js/components/PlaylistWindow/PlaylistResizeTarget.js b/js/components/PlaylistWindow/PlaylistResizeTarget.js
deleted file mode 100644
index 06a78312..00000000
--- a/js/components/PlaylistWindow/PlaylistResizeTarget.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import { connect } from "react-redux";
-import ResizeTarget from "../ResizeTarget";
-import { setWindowSize } from "../../actionCreators";
-import { getWindowSize } from "../../selectors";
-
-const mapStateToProps = state => ({
-  currentSize: getWindowSize(state)("playlist"),
-  id: "playlist-resize-target"
-});
-
-const mapDispatchToProps = {
-  setWindowSize: size => setWindowSize("playlist", size)
-};
-
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps
-)(ResizeTarget);
diff --git a/js/components/PlaylistWindow/PlaylistResizeTarget.tsx b/js/components/PlaylistWindow/PlaylistResizeTarget.tsx
new file mode 100644
index 00000000..094281d0
--- /dev/null
+++ b/js/components/PlaylistWindow/PlaylistResizeTarget.tsx
@@ -0,0 +1,32 @@
+import { connect } from "react-redux";
+import ResizeTarget from "../ResizeTarget";
+import { setWindowSize } from "../../actionCreators";
+import { getWindowSize } from "../../selectors";
+import { AppState, Dispatch } from "../../types";
+
+interface StateProps {
+  currentSize: [number, number];
+  id: string;
+}
+
+interface DispatchProps {
+  currentSize: [number, number];
+  id: string;
+}
+
+const mapStateToProps = (state: AppState): StateProps => ({
+  currentSize: getWindowSize(state)("playlist"),
+  id: "playlist-resize-target"
+});
+
+const mapDispatchToProps = (dispatch: Dispatch) => {
+  return {
+    setWindowSize: (size: [number, number]) =>
+      dispatch(setWindowSize("playlist", size))
+  };
+};
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(ResizeTarget);