Я получаю сообщение об ошибке «Невозможно прочитать свойства null (чтение «карты»)», пожалуйста, посмотрите мой код ⇐ CSS

[Anonymous]

Я создаю веб-сайт с фильмами с помощью React, и проблема возникает в состоянии использования. Я думаю, пожалуйста, посмотрите
Я пытался, чтобы моя панель поиска отображала некоторые результаты, но это не помогло и в консоли отображается ошибка. Невозможно прочитать свойства со значением null (чтение «карты»)
// import axios from "axios";
import React, { useEffect, useState } from "react";
import lodu from "../../utils/lodu"
import { Link } from "react-router-dom";
function Topnav(){
const[query,setquery]=useState("");
const[searches,setsearches]=useState(null);
const getSearches = async()=>{
try {
const {data} = await lodu.get(`/search/multi?query=${query}`);
setsearches(data.results)
} catch (error) {
console.log("error is ",error)
}
}
useEffect(()=>{
getSearches();
},[query])
return(


{setquery(e.target.value)}} value={query} className="w-[50%] text-zinc-200 mx-10 p-3 text-xl outline-none bg-transparent border-none" type="text"placeholder="search anything?" />
{query.length > 0 && (setquery("")}
class="text-zinc-400 text-3xl ri-xrp-fill">)}

{searches.map((s,i)=>{
return (

hi
)
})}



)
}

export default Topnav


Подробнее здесь: https://stackoverflow.com/questions/784 ... eading-map