fix: add proxy display prop to prevent primereact multiselect bug

src/components/MultiSelect/index.js

@@ -48,6 +48,19 @@ export const MultiSelect = React.forwardRef(({
   const hasFilter = filter ?? shouldFilterSelectOptions(options)
   const dataAttributes = pickDataAttributes(props)
 
+  const proxyDisplay = () => {
+    const isChip = display === "chip"
+
+    if (isChip) {
+      // eslint-disable-next-line
+      console.warn(`The "display" prop value has been replaced with "comma"
+        to avoid incorrect behavior caused by a bug in the primereact library.
+        issue: https://github.com/primefaces/primereact/issues/7125`)
+    }
+
+    return isChip ? "comma" : display
+  }
+
   const onFooterButtonClick = newValue => {
     const newEvent = {
       target: { name, value: newValue, id },
@@ -151,7 +164,7 @@ export const MultiSelect = React.forwardRef(({
       disabled={disabled}
       selectedItemsLabel={selectedItemsLabel}
       showClear={showClear}
-      display={display}
+      display={proxyDisplay()}
       overlayVisible={overlayVisible}
       removeIcon={removeIcon()}
       tooltip={tooltip}