diff --git a/frontend/src/preferences/SelectDocsModal.tsx b/frontend/src/preferences/SelectDocsModal.tsx
index 91a60ac..691f90c 100644
--- a/frontend/src/preferences/SelectDocsModal.tsx
+++ b/frontend/src/preferences/SelectDocsModal.tsx
@@ -1,13 +1,12 @@
 import { useEffect, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { ActiveState } from '../models/misc';
-import { Doc } from './selectDocsApi';
 import {
   setSelectedDocs,
   setSourceDocs,
   selectSourceDocs,
 } from './preferenceSlice';
-import { getDocs } from './selectDocsApi';
+import { getDocs, Doc } from './selectDocsApi';
 
 export default function APIKeyModal({
   modalState,
diff --git a/frontend/src/preferences/selectDocsApi.ts b/frontend/src/preferences/selectDocsApi.ts
index 5c700cf..fe781e1 100644
--- a/frontend/src/preferences/selectDocsApi.ts
+++ b/frontend/src/preferences/selectDocsApi.ts
@@ -22,8 +22,8 @@ export async function getDocs(): Promise<Doc[] | null> {
     //Create array of Doc objects
     const docs: Doc[] = [];
 
-    data.forEach((doc: Doc) => {
-      docs.push(doc);
+    data.forEach((doc: object) => {
+      docs.push(doc as Doc);
     });
 
     return docs;