Почему webpack сохраняет загрузку в Next.js приложение?

#webpack #next.js #infinite-loop

Вопрос:

введите описание изображения здесь

 function BuyTicket(props: BuyTicketProps) {
  const {
    eventId,
    buyTicketDataBE,
    sortedBookings,
    recommendations,
    sortedEventTimes,
    couponRedeemString,
    translations,
    lang,
  } = props;
  const [buyTicketData, setBuyTicketData] = useState({ ...buyTicketDataBE });
  const router = useRouter();

  useEffect(() => {
    setBuyTicketData({ ...buyTicketDataBE });
  }, [buyTicketDataBE]);

useEffect(() => {
  // ..
  }, []);
 

Я ввел множество функций console.log(), но ни одна из них не вызывается повторно. Странный.

Комментарии:

1. Это разработка или производственная сборка?

2. дев билд, почему? есть ли в этом какая-то разница?

3. Да, это функция горячей замены модулей webpack, в основном обновление fest . Это не произойдет в производственной сборке.