fix(eds-core-react): resolve runtime errors in Autocomplete and DatePicker (#4619)

- Wrap showPopover/hidePopover calls in try-catch to handle timing
  issue where native Popover API is called before React applies the
  popover attribute
- Replace React 19-only use() with useContext() in AutocompleteContext
  for React 18 compatibility

Author: pomfrida

packages/eds-core-react/src/components/Autocomplete/AutocompleteContext.ts

@@ -1,12 +1,12 @@
-import { createContext, use } from 'react'
+import { createContext, useContext } from 'react'
 import { useAutocomplete } from './useAutocomplete'
 
 export const AutocompleteContext = createContext<ReturnType<
   typeof useAutocomplete
 > | null>(null)
 
 export const useAutocompleteContext = () => {
-  const context = use(AutocompleteContext)
+  const context = useContext(AutocompleteContext)
   if (!context) {
     throw new Error(
       'Autocomplete compound components must be used within an Autocomplete component',

packages/eds-core-react/src/components/Autocomplete/OptionList.tsx

@@ -43,10 +43,14 @@ export const OptionList = ({
 
   // MARK: popover toggle
   useIsomorphicLayoutEffect(() => {
-    if (isOpen) {
-      refs.floating.current?.showPopover()
-    } else {
-      refs.floating.current?.hidePopover()
+    try {
+      if (isOpen) {
+        refs.floating.current?.showPopover()
+      } else {
+        refs.floating.current?.hidePopover()
+      }
+    } catch {
+      // Element may not have popover attribute applied yet
     }
   }, [isOpen, refs.floating])
 

packages/eds-core-react/src/components/Popover/Popover.tsx

@@ -167,12 +167,14 @@ export const Popover = forwardRef<HTMLDivElement, PopoverProps>(
 
     useEffect(() => {
       if (!elements.floating) return
-      if (open) {
-        if (elements.floating.isConnected) {
+      try {
+        if (open) {
           elements.floating.showPopover()
+        } else {
+          elements.floating.hidePopover()
         }
-      } else {
-        elements.floating.hidePopover()
+      } catch {
+        // Element may not have popover attribute applied yet
       }
     }, [open, elements.floating])