Skip to content

SelectWithTags. Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. #1739

@Defou1ts

Description

@Defou1ts

Опишите проблему

При работе компонента SelectWithTags в SSR режиме происходит ошибка гидрации. Ошибка с внутренним использованием пропа multiple в компоненте при работе NextJS 15 и при попытке использовать компонент для SSR

Пример кода

            <SelectWithTags
                selected={itLeads}
                onChange={handleChangeSelect(setItLeads)}
                label='IT Leads'
                labelView='outer'
                placeholder='Буданов Роман'
                size={48}
                block={true}
                value={itLeadsInput}
                options={itLeadsOptions}
                onInput={handleChangeSelectInput(setItLeadsInput)}
                autocomplete={true}
                collapseTagList={true}
                Option={BaseOption}
                optionsListProps={{
                    emptyPlaceholder: <EmptyPlaceholder />,
                }}
                onClear={handleClearSelectButtonClick(setItLeadsInput)}
            />

Ожидаемое поведение

Ошибки гидрации не происходит

Внешний вид

Image

Тестовый стенд

Десктоп (если данных нет оставьте блок пустым):

  • OS: MacOS
  • Browser: Safari
  • SSR. Next.JS 15

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions