diff --git a/plugins/playlist/src/components/PlaylistEditDialog/PlaylistEditDialog.tsx b/plugins/playlist/src/components/PlaylistEditDialog/PlaylistEditDialog.tsx
index 49b4122e13..4f3415445f 100644
--- a/plugins/playlist/src/components/PlaylistEditDialog/PlaylistEditDialog.tsx
+++ b/plugins/playlist/src/components/PlaylistEditDialog/PlaylistEditDialog.tsx
@@ -76,7 +76,7 @@ export const PlaylistEditDialog = ({
   const classes = useStyles();
   const identityApi = useApi(identityApiRef);
   const playlistApi = useApi(playlistApiRef);
-  const [playlistArray, setPlaylistArray] = useState([]);
+  const [playlistArray, setPlaylistArray] = useState<PlaylistMetadata[]>([]);
   const [editingOtherFields, setEditingOtherFields] = useState(false);
 
   useEffect(() => {
diff --git a/plugins/playlist/src/components/PlaylistPage/PlaylistHeader.tsx b/plugins/playlist/src/components/PlaylistPage/PlaylistHeader.tsx
index 8a970ba5ac..0aa473ee6a 100644
--- a/plugins/playlist/src/components/PlaylistPage/PlaylistHeader.tsx
+++ b/plugins/playlist/src/components/PlaylistPage/PlaylistHeader.tsx
@@ -43,7 +43,7 @@ import {
 } from '@material-ui/core';
 import EditIcon from '@material-ui/icons/Edit';
 import DeleteIcon from '@material-ui/icons/Delete';
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import useAsyncFn from 'react-use/lib/useAsyncFn';