Remove PropTypes

package-lock.json

@@ -11730,6 +11730,7 @@
       "version": "15.7.2",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
       "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==",
+      "dev": true,
       "requires": {
         "loose-envify": "^1.4.0",
         "object-assign": "^4.1.1",
@@ -11864,7 +11865,8 @@
     "react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "dev": true
     },
     "read-file-stdin": {
       "version": "0.2.1",

package.json

@@ -85,7 +85,6 @@
     "native-promise-only": "^0.8.0-a",
     "page": "^1.11.6",
     "pdfjs-dist": "2.6.347",
-    "prop-types": "^15.7.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "resize-observer-polyfill": "^1.5.1",

src/components/alphaPicker/AlphaPickerComponent.tsx

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 import React, { FunctionComponent, useEffect, useRef, useState } from 'react';
 
 import AlphaPicker from './alphaPicker';
@@ -9,7 +8,7 @@ type AlphaPickerProps = {
 
 // React compatibility wrapper component for alphaPicker.js
 // eslint-disable-next-line @typescript-eslint/no-empty-function
-const AlphaPickerComponent: FunctionComponent<AlphaPickerProps> = ({ onAlphaPicked = () => {} }) => {
+const AlphaPickerComponent: FunctionComponent<AlphaPickerProps> = ({ onAlphaPicked = () => {} }: AlphaPickerProps) => {
     const [ alphaPicker, setAlphaPicker ] = useState(null);
     const element = useRef(null);
 
@@ -35,8 +34,4 @@ const AlphaPickerComponent: FunctionComponent<AlphaPickerProps> = ({ onAlphaPick
     );
 };
 
-AlphaPickerComponent.propTypes = {
-    onAlphaPicked: PropTypes.func
-};
-
 export default AlphaPickerComponent;

src/components/pages/SearchPage.tsx

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 import React, { FunctionComponent, useState } from 'react';
 
 import SearchFields from '../search/SearchFields';
@@ -40,10 +39,4 @@ const SearchPage: FunctionComponent<SearchProps> = ({ serverId, parentId, collec
     );
 };
 
-SearchPage.propTypes = {
-    serverId: PropTypes.string,
-    parentId: PropTypes.string,
-    collectionType: PropTypes.string
-};
-
 export default SearchPage;

src/components/search/LiveTVSearchResults.tsx

@@ -1,5 +1,4 @@
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import React, { FunctionComponent, useEffect, useState } from 'react';
 
 import globalize from '../../scripts/globalize';
@@ -28,7 +27,7 @@ type LiveTVSearchResultsProps = {
 /*
  * React component to display search result rows for live tv library search
  */
-const LiveTVSearchResults: FunctionComponent<LiveTVSearchResultsProps> = ({ serverId, parentId, collectionType, query }) => {
+const LiveTVSearchResults: FunctionComponent<LiveTVSearchResultsProps> = ({ serverId, parentId, collectionType, query }: LiveTVSearchResultsProps) => {
     const [ movies, setMovies ] = useState([]);
     const [ episodes, setEpisodes ] = useState([]);
     const [ sports, setSports ] = useState([]);
@@ -187,11 +186,4 @@ const LiveTVSearchResults: FunctionComponent<LiveTVSearchResultsProps> = ({ serv
     );
 };
 
-LiveTVSearchResults.propTypes = {
-    serverId: PropTypes.string,
-    parentId: PropTypes.string,
-    collectionType: PropTypes.string,
-    query: PropTypes.string
-};
-
 export default LiveTVSearchResults;

src/components/search/SearchFields.tsx

@@ -1,5 +1,4 @@
 import debounce from 'lodash-es/debounce';
-import PropTypes from 'prop-types';
 import React, { FunctionComponent, useEffect, useMemo, useRef } from 'react';
 
 import AlphaPicker from '../alphaPicker/AlphaPickerComponent';
@@ -36,7 +35,7 @@ type SearchFieldsProps = {
 };
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
-const SearchFields: FunctionComponent<SearchFieldsProps> = ({ onSearch = () => {} }) => {
+const SearchFields: FunctionComponent<SearchFieldsProps> = ({ onSearch = () => {} }: SearchFieldsProps) => {
     const element = useRef(null);
 
     const getSearchInput = () => element?.current?.querySelector('.searchfields-txtSearch');
@@ -88,8 +87,4 @@ const SearchFields: FunctionComponent<SearchFieldsProps> = ({ onSearch = () => {
     );
 };
 
-SearchFields.propTypes = {
-    onSearch: PropTypes.func
-};
-
 export default SearchFields;

src/components/search/SearchResults.tsx

@@ -1,5 +1,4 @@
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import React, { FunctionComponent, useEffect, useState } from 'react';
 
 import globalize from '../../scripts/globalize';
@@ -16,7 +15,7 @@ type SearchResultsProps = {
 /*
  * React component to display search result rows for global search and non-live tv library search
  */
-const SearchResults: FunctionComponent<SearchResultsProps> = ({ serverId, parentId, collectionType, query }) => {
+const SearchResults: FunctionComponent<SearchResultsProps> = ({ serverId, parentId, collectionType, query }: SearchResultsProps) => {
     const [ movies, setMovies ] = useState([]);
     const [ shows, setShows ] = useState([]);
     const [ episodes, setEpisodes ] = useState([]);
@@ -266,11 +265,4 @@ const SearchResults: FunctionComponent<SearchResultsProps> = ({ serverId, parent
     );
 };
 
-SearchResults.propTypes = {
-    serverId: PropTypes.string,
-    parentId: PropTypes.string,
-    collectionType: PropTypes.string,
-    query: PropTypes.string
-};
-
 export default SearchResults;

src/components/search/SearchResultsRow.tsx

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 import React, { FunctionComponent, useEffect, useRef } from 'react';
 
 import cardBuilder from '../cardbuilder/cardBuilder';
@@ -22,7 +21,7 @@ type SearchResultsRowProps = {
     cardOptions: Record<string, any>;
 }
 
-const SearchResultsRow: FunctionComponent<SearchResultsRowProps> = ({ title, items = [], cardOptions = {} }) => {
+const SearchResultsRow: FunctionComponent<SearchResultsRowProps> = ({ title, items = [], cardOptions = {} }: SearchResultsRowProps) => {
     const element = useRef(null);
 
     useEffect(() => {
@@ -48,10 +47,4 @@ const SearchResultsRow: FunctionComponent<SearchResultsRowProps> = ({ title, ite
     );
 };
 
-SearchResultsRow.propTypes = {
-    title: PropTypes.string,
-    items: PropTypes.array,
-    cardOptions: PropTypes.object
-};
-
 export default SearchResultsRow;

src/components/search/SearchSuggestions.tsx

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 import React, { FunctionComponent, useEffect, useState } from 'react';
 
 import { appRouter } from '../appRouter';
@@ -24,7 +23,7 @@ type SearchSuggestionsProps = {
     parentId: string;
 }
 
-const SearchSuggestions: FunctionComponent<SearchSuggestionsProps> = ({ serverId, parentId }) => {
+const SearchSuggestions: FunctionComponent<SearchSuggestionsProps> = ({ serverId, parentId }: SearchSuggestionsProps) => {
     const [ suggestions, setSuggestions ] = useState([]);
 
     useEffect(() => {
@@ -69,9 +68,4 @@ const SearchSuggestions: FunctionComponent<SearchSuggestionsProps> = ({ serverId
     );
 };
 
-SearchSuggestions.propTypes = {
-    parentId: PropTypes.string,
-    serverId: PropTypes.string
-};
-
 export default SearchSuggestions;