MultiSelect emptyMessage prop results in error

[johanneshayry]

Describe the bug

It seems like the emptyMessage prop hinted by the documentation does not work.

React does not recognize the 'emptyMessage' prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase 'emptymessage' instead. If you accidentally passed it from a parent component, remove it from the DOM element.

Reproducer

No response

PrimeReact version

10.0.9

React version

18.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

Chrome

Steps to reproduce the behavior

  const [value, setValue] = useState("a");
  const options = [
    { value: "a", label: "A" },
    { value: "b", label: "B" },
  ];
  <MultiSelect emptyMessage="-" value={value} options={options} onChange={(e) => setValue(e.value)} />;

Expected behavior

No response

[melloware]

Its working for me? https://stackblitz.com/edit/react-9h4sys?file=src%2FApp.js I don't see any errors in the log?

[github-actions]

Please fork the CodeSandbox project or Stackblitz project and create a case demonstrating your bug report. This issue will be closed if no activities in 20 days.

[Chuazz]

Its working for me? https://stackblitz.com/edit/react-9h4sys?file=src%2FApp.js I don't see any errors in the log?

oh, i see this error in your demo and i have a same issue with him, i'm using nextjs 14.0.3, primereact 10.1.1
this is your demo

and this is my web and code i do

[melloware]

@Chuazz that helps! Found and fixed for next version.

[Chuazz]

@Chuazz that helps! Found and fixed for next version.

niceeeee