diff --git a/package.json b/package.json index 46a340e..bc9b35f 100644 --- a/package.json +++ b/package.json @@ -17,7 +17,7 @@ "react-dom": "^18.2.0" }, "devDependencies": { - "@types/react": "^18.2.66", + "@types/react": "*", "@types/react-dom": "^18.2.22", "@typescript-eslint/eslint-plugin": "^7.2.0", "@typescript-eslint/parser": "^7.2.0", diff --git a/src/App.tsx b/src/App.tsx index 15d226b..b267ac6 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -32,7 +32,6 @@ class WatchProvidersClass implements WatchProviders { link = ""; } -export interface Movies { Array}; function App() { const [config, setConfig] = useState({ diff --git a/src/objects/movie-wall.tsx b/src/objects/movie-wall.tsx index a0eca05..2972b8c 100644 --- a/src/objects/movie-wall.tsx +++ b/src/objects/movie-wall.tsx @@ -31,20 +31,25 @@ export interface Movie { interface MovieWallProps extends React.ComponentPropsWithRef<"div"> { movies: Array; - setMovies: Function; - setChosenMovie: Function; - setSimilarMoviesAvailable: Function; + setMovies: React.Dispatch>; + setChosenMovie: React.Dispatch>; + setSimilarMoviesAvailable: React.Dispatch>; config: Config; } export function MovieWall({ movies, setMovies, config, setChosenMovie, setSimilarMoviesAvailable }: MovieWallProps) { - const posters: Array = [] + const posters: React.ReactElement[] = [] for (let i = 0; i < movies.length; i++) { const movie = movies[i] const isHighlighted = movie.vote_average ? movie.vote_average > 6 : false posters.push( - + ) } return <> @@ -54,12 +59,12 @@ export function MovieWall({ movies, setMovies, config, setChosenMovie, setSimila interface PosterProps extends React.ComponentPropsWithRef<"div"> { movie: Movie; - listSimilar: Function; + listSimilar: (config: Config, movie: Movie, setMovies: React.Dispatch>>, setSimilarMoviesAvailable: React.Dispatch>) => Promise; index: number; config: Config; - setMovies: Function; - setChosenMovie: Function; - setSimilarMoviesAvailable: Function; + setMovies: React.Dispatch>>; + setChosenMovie: React.Dispatch>; + setSimilarMoviesAvailable: React.Dispatch>; isHighlighted: boolean; }