TypeError: i.map не функция ⇐ Javascript

[Anonymous]

Я только что добавил новую функциональность в свой проект, который нуждается в .map (), в среде Dev все прошли хорошо без ошибок, но когда я развернул код для производства, в живой среде эта ошибка появилась по какой -то причине в консоли браузера. Uncaught TypeError: i.map не является функцией .
Это код, который использует .map () Я добавил:
function DisplayAutoSearchCompany({ autoSearch, input, handleClick }) {
const companiesArray = [
"GMS",
"RT Colors",
"Potência",
"Kaitos",
"Papel Safra",
];

return (

• className="autosearch"
  style={{ visibility: autoSearch ? "visible" : "hidden" }}
  >
  {companiesArray
  .sort()
  .filter((item) => item.toLowerCase().includes(input.toLowerCase()))
  .map((item, index) => (
  
  {item}
  
  ))}

);
}

export default DisplayAutoSearchCompany;
< /code>
И это код, в котором появляются реквизиты: < /p>
import { useState } from "react";
import DisplayAutoSearchCompany from "./DisplayAutoSearchCompany.jsx";
import DisplayAutoSearchProduct from "./DisplayAutoSearchProduct.jsx";

function DisplayInput({ addCollect }) {
const [autoSearchCompany, setAutoSearchCompany] = useState(false);
const [autoSearchProduct, setAutoSearchProduct] = useState(false);
const [input, setInput] = useState({
company: "",
date: "",
product: "",
});

function handleInput(event) {
setInput((i) => ({ ...i, [event.target.name]: event.target.value }));
}

function handleMouseDown(event) {
if (event.target.name == "company") {
setAutoSearchCompany(true);
setAutoSearchProduct(false);
}
if (event.target.name == "product") {
setAutoSearchProduct(true);
setAutoSearchCompany(false);
}
}

function handleClick(event) {
setInput((i) => ({ ...i, [event.target.name]: event.target.value }));
setAutoSearchCompany(false);
setAutoSearchProduct(false);
}

return (













alt="add button"
onClick={() => addCollect(input)}
/>












);
}

export default DisplayInput;


Подробнее здесь: https://stackoverflow.com/questions/795 ... a-function