[V2] Warning: Prop `id` did not match.

Getting this error in console.

Warning: Prop id did not match. Server: “react-select-5-input” Client: “react-select-2-input”

[KidkArolis]

I think it’s instanceId prop, not id prop?

[bkyam]

I’m building out a site with Nextjs, and found that passing inputId fixed the issue.

<Select
				id={this.props.id}
				instanceId={this.props.instanceId}
				inputId={this.props.instanceId}
				defaultValue={this.props.options[`${this.props.defaultValue}`]}
				isDisabled={this.props.isDisabled}
				isFocused={this.props.isFocused}
				isSelected={this.props.isSelected}
				onChange={this.handleChange}
				name={this.props.name}
				options={this.props.options}
				menuPlacement='auto'
				components={{ DropdownIndicator }}
				styles={theme == 'dark' ? darkStyle : lightStyle}
			/>