Блог

Привет всем, я получаю предупреждение об ошибке: Prop "className" did not match где-то в приведенном ниже коде, я полагаю. Я использую модули NextJS и CSS и пакет ‘classnames’. Любые идеи, пожалуйста.

Полная ошибка Warning: Prop "className" did not match. Server: "Nav_nav__item__1iofp" Client: "Nav_nav__item__1iofp Nav_nav__itemActive__3cmo3"

Это как-то связано с classnames пакетом, позволяющим добавлять два стиля при router.asPath === link.path ?

 {Links.map((link, i) => {
                            return (
                                <li
                                    key={i}
                                    className={
                                        router.asPath === link.path
                                            ? cx(
                                                    styles.nav__item,
                                                    styles.nav__itemActive
                                              )
                                            : styles.nav__item
                                    }>
                                    <Link href={link.path}>{link.name}</Link>
                                </li>
                            );
                        })}
 

Что предлагают здесь разработчики

A. Удалить .следующая папка сборки

B. Перезапустите сервер

Как я использую className

 <p className={styles.description}>Hello</p>