Ввод текста NextJS заставляет все приложение заморозить ⇐ Javascript

[Anonymous]

Итак, я в настоящее время строю приложение, используя последнюю версию NextJS, которая состоит из фильтра. Входы фильтра перечислены ниже: < /p>


Start Date

setStartDate(e.target.value)} placeholder="Start Date" />

End Date

setEndDate(e.target.value)} placeholder="Start Date" />

Promo Code



Search


< /code>
Каким -то образом, когда я пытался использовать свой курсор, чтобы нажать на ввод (фокусировка ввода), все приложение стало замораживанием, и я больше ничего не мог сделать, я должен закрыть эту конкретную вкладку и повторно открыть новую. Вот мой полный код выглядит как: < /p>
import moment from "moment";
import Image from "next/image";
import { useSearchParams } from "next/navigation";
import { useRouter } from "next/router";
import { useState } from "react";

export default function Booking() {
const searchParams = useSearchParams();
const type = searchParams.get('type');
const router = useRouter();
const id = router.query.id;

const [startDate, setStartDate] = useState(null);
const [endDate, setEndDate] = useState(null);
const [promoCode, setPromoCode] = useState('');

const handlePromoCodeChange = (e) => {
setPromoCode(e.target.value);
};

const filter = async () => {
console.log("TEST startDate", startDate);
console.log("TEST endDate", endDate);
console.log("TEST promoCode", promoCode);
};

return (





Test




BOOK NOW

Enter your holiday date.


Start Date

setStartDate(e.target.value)} placeholder="Start Date" />

End Date

setEndDate(e.target.value)} placeholder="Start Date" />

Promo Code



Search





)
}
< /code>
Для справки, вот как это выглядит после того, как я сосредоточился на вводе текста:

После того, как я мог получить все белые. Обходной путь, но так же, как и. Спасибо!


Подробнее здесь: https://stackoverflow.com/questions/797 ... -to-freeze