diff --git a/src/components/alphaPicker/AlphaPickerComponent.tsx b/src/components/alphaPicker/AlphaPickerComponent.tsx
index 0ee97ccd03..0ea33cd212 100644
--- a/src/components/alphaPicker/AlphaPickerComponent.tsx
+++ b/src/components/alphaPicker/AlphaPickerComponent.tsx
@@ -3,7 +3,7 @@ import React, { FunctionComponent, useEffect, useRef, useState } from 'react';
 import AlphaPicker from './alphaPicker';
 
 type AlphaPickerProps = {
-    onAlphaPicked: () => void
+    onAlphaPicked?: () => void
 };
 
 // React compatibility wrapper component for alphaPicker.js
diff --git a/src/components/pages/SearchPage.tsx b/src/components/pages/SearchPage.tsx
index 47634dda84..8325d2b013 100644
--- a/src/components/pages/SearchPage.tsx
+++ b/src/components/pages/SearchPage.tsx
@@ -6,9 +6,9 @@ import SearchSuggestions from '../search/SearchSuggestions';
 import LiveTVSearchResults from '../search/LiveTVSearchResults';
 
 type SearchProps = {
-    serverId: string,
-    parentId: string,
-    collectionType: string
+    serverId?: string,
+    parentId?: string,
+    collectionType?: string
 };
 
 const SearchPage: FunctionComponent<SearchProps> = ({ serverId, parentId, collectionType }: SearchProps) => {
diff --git a/src/components/search/LiveTVSearchResults.tsx b/src/components/search/LiveTVSearchResults.tsx
index 76e607638e..f449a59fad 100644
--- a/src/components/search/LiveTVSearchResults.tsx
+++ b/src/components/search/LiveTVSearchResults.tsx
@@ -18,10 +18,10 @@ const CARD_OPTIONS = {
 };
 
 type LiveTVSearchResultsProps = {
-    serverId: string;
-    parentId: string;
-    collectionType: string;
-    query: string;
+    serverId?: string;
+    parentId?: string;
+    collectionType?: string;
+    query?: string;
 }
 
 /*
diff --git a/src/components/search/SearchFields.tsx b/src/components/search/SearchFields.tsx
index c2f1ff2515..52209dd550 100644
--- a/src/components/search/SearchFields.tsx
+++ b/src/components/search/SearchFields.tsx
@@ -31,7 +31,7 @@ const createInputElement = () => ({
 const normalizeInput = (value = '') => value.trim();
 
 type SearchFieldsProps = {
-    onSearch: () => void
+    onSearch?: () => void
 };
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
diff --git a/src/components/search/SearchResults.tsx b/src/components/search/SearchResults.tsx
index 25918ac497..0b3d8213f7 100644
--- a/src/components/search/SearchResults.tsx
+++ b/src/components/search/SearchResults.tsx
@@ -6,10 +6,10 @@ import ServerConnections from '../ServerConnections';
 import SearchResultsRow from './SearchResultsRow';
 
 type SearchResultsProps = {
-    serverId: string;
-    parentId: string;
-    collectionType: string;
-    query: string;
+    serverId?: string;
+    parentId?: string;
+    collectionType?: string;
+    query?: string;
 }
 
 /*
diff --git a/src/components/search/SearchResultsRow.tsx b/src/components/search/SearchResultsRow.tsx
index 320604ef3f..bdbce785ae 100644
--- a/src/components/search/SearchResultsRow.tsx
+++ b/src/components/search/SearchResultsRow.tsx
@@ -16,9 +16,9 @@ const createScroller = ({ title = '' }) => ({
 });
 
 type SearchResultsRowProps = {
-    title: string;
-    items: Array<any>; // TODO: Should be Array<BaseItemDto> once we have a typed API client
-    cardOptions: Record<string, any>;
+    title?: string;
+    items?: Array<any>; // TODO: Should be Array<BaseItemDto> once we have a typed API client
+    cardOptions?: Record<string, any>;
 }
 
 const SearchResultsRow: FunctionComponent<SearchResultsRowProps> = ({ title, items = [], cardOptions = {} }: SearchResultsRowProps) => {
diff --git a/src/components/search/SearchSuggestions.tsx b/src/components/search/SearchSuggestions.tsx
index 1cc8d52bdb..a09016e412 100644
--- a/src/components/search/SearchSuggestions.tsx
+++ b/src/components/search/SearchSuggestions.tsx
@@ -19,8 +19,8 @@ const createSuggestionLink = ({name, href}) => ({
 });
 
 type SearchSuggestionsProps = {
-    serverId: string;
-    parentId: string;
+    serverId?: string;
+    parentId?: string;
 }
 
 const SearchSuggestions: FunctionComponent<SearchSuggestionsProps> = ({ serverId, parentId }: SearchSuggestionsProps) => {