From 2d7a14244f0b2fb4ef8d62d62d6d6c58651e3cf2 Mon Sep 17 00:00:00 2001
From: M-ZubairAhmed <m-zubairahmed@protonmail.com>
Date: Wed, 24 Jan 2024 04:30:34 +0000
Subject: [PATCH] [MM-56608] Upgrade to "@floating-ui/react" for
 post_priority/post_priority_picker_overlay component (#25980)

---
 .../post_priority/post_priority_picker_overlay.tsx   | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/webapp/channels/src/components/post_priority/post_priority_picker_overlay.tsx b/webapp/channels/src/components/post_priority/post_priority_picker_overlay.tsx
index eddadc6222..b3eed8dcae 100644
--- a/webapp/channels/src/components/post_priority/post_priority_picker_overlay.tsx
+++ b/webapp/channels/src/components/post_priority/post_priority_picker_overlay.tsx
@@ -13,7 +13,7 @@ import {
     useRole,
     flip,
     shift,
-} from '@floating-ui/react-dom-interactions';
+} from '@floating-ui/react';
 import classNames from 'classnames';
 import React, {memo, useCallback, useState} from 'react';
 import {useIntl} from 'react-intl';
@@ -60,10 +60,12 @@ function PostPriorityPickerOverlay({
     const {
         x: pickerX,
         y: pickerY,
-        reference: pickerRef,
-        floating: pickerFloating,
         strategy: pickerStrategy,
         context: pickerContext,
+        refs: {
+            setReference: setPickerReference,
+            setFloating: setPickerFloating,
+        },
     } = useFloating({
         open: pickerOpen,
         onOpenChange: setPickerOpen,
@@ -97,7 +99,7 @@ function PostPriorityPickerOverlay({
             >
                 <IconContainer
                     id='messagePriority'
-                    ref={pickerRef}
+                    ref={setPickerReference}
                     className={classNames({control: true, active: pickerOpen})}
                     disabled={disabled}
                     type='button'
@@ -119,7 +121,7 @@ function PostPriorityPickerOverlay({
                         initialFocus={-1}
                     >
                         <div
-                            ref={pickerFloating}
+                            ref={setPickerFloating}
                             style={{
                                 width: 'max-content',
                                 position: pickerStrategy,