fix: replace usages of React.useId with useUniqId (#2472)

Author: persovt2

src/components/Accordion/AccordionSummary/AccordionSummary.tsx

@@ -3,6 +3,7 @@
 import * as React from 'react';
 
 import {KeyCode} from '../../../constants';
+import {useUniqId} from '../../../hooks';
 import {Disclosure} from '../../Disclosure';
 import type {DisclosureSummaryRenderFunctionProps} from '../../Disclosure/DisclosureSummary/DisclosureSummary';
 import type {QAProps} from '../../types';
@@ -24,7 +25,7 @@ export function AccordionSummary(props: AccordionSummaryProps) {
     const {registerSummary, unregisterSummary, getSummaryRefs, arrowPosition, size, ariaLevel} =
         useAccordion();
 
-    const summaryId = React.useId();
+    const summaryId = useUniqId();
     const [buttonElement, setButtonElement] = React.useState<HTMLButtonElement | null>(null);
 
     React.useEffect(() => {

src/components/PinInput/__stories__/PinInput.stories.tsx

@@ -5,6 +5,7 @@ import {action} from 'storybook/actions';
 
 import {Showcase} from '../../../demo/Showcase';
 import {ShowcaseItem} from '../../../demo/ShowcaseItem';
+import {useUniqId} from '../../../hooks';
 import {Flex} from '../../layout';
 import type {PinInputApi, PinInputProps} from '../PinInput';
 import {PinInput} from '../PinInput';
@@ -140,7 +141,7 @@ export const Responsive: Story = {
 export const WithLabel = {
     render: function WithLabel(args) {
         const id = args.id ?? 'pin-input';
-        const labelId = React.useId();
+        const labelId = useUniqId();
         const refApi = React.useRef<PinInputApi>(null);
         /* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions */
         return (