fix(DrawerPanelContent): inert react 19 support

Author: logonoff

packages/react-core/src/components/Drawer/DrawerPanelContent.tsx

@@ -1,4 +1,4 @@
-import { Fragment, useCallback, useContext, useEffect, useRef, useState } from 'react';
+import { Fragment, useCallback, useContext, useEffect, useRef, useState, version } from 'react';
 import styles from '@patternfly/react-styles/css/components/Drawer/drawer';
 import { css } from '@patternfly/react-styles';
 import { DrawerColorVariant, DrawerContext } from './Drawer';
@@ -64,6 +64,12 @@ export interface DrawerPanelContentProps extends Omit<React.HTMLProps<HTMLDivEle
 let isResizing: boolean = null;
 let newSize: number = 0;
 
+/**
+ * Before React 19, React JSX treats empty string "" as truthy for inert prop.
+ * @see {@link https://stackoverflow.com/questions/72720469}
+ */
+const IS_INERT = Number(version.split('.')[0]) >= 19 ? true : ('' as unknown as boolean);
+
 export const DrawerPanelContent: React.FunctionComponent<DrawerPanelContentProps> = ({
   className,
   id,
@@ -394,7 +400,7 @@ export const DrawerPanelContent: React.FunctionComponent<DrawerPanelContentProps
         ...((defaultSize || minSize || maxSize) && boundaryCssVars),
         ...style
       }}
-      {...(shouldCollapseSpace && { inert: '' })}
+      {...(shouldCollapseSpace && { inert: IS_INERT })}
       {...props}
       ref={panel}
     >

yarn.lock

@@ -17300,15 +17300,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimatch@npm:^10.2.2":
-  version: 10.2.5
-  resolution: "minimatch@npm:10.2.5"
-  dependencies:
-    brace-expansion: "npm:^5.0.5"
-  checksum: 10c0/6bb058bd6324104b9ec2f763476a35386d05079c1f5fe4fbf1f324a25237cd4534d6813ecd71f48208f4e635c1221899bef94c3c89f7df55698fe373aaae20fd
-  languageName: node
-  linkType: hard
-
 "minimatch@npm:^3.0.2, minimatch@npm:^3.0.4, minimatch@npm:^3.1.1, minimatch@npm:^3.1.2":
   version: 3.1.2
   resolution: "minimatch@npm:3.1.2"