fix(typescript): add types to disclosure and idPrefix (#17715)

* fix(typescript): add types to disclosure and idPrefix

* fix(disclouse): test import

* Update packages/react/src/components/IdPrefix/index.tsx

Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>

* Update packages/react/src/components/IdPrefix/index.tsx

Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>

* fix(idPrefix): undefined

---------

Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>

packages/react/src/components/Disclosure/__tests__/useDisclosure-test.js

@@ -8,7 +8,7 @@
 import { render, screen } from '@testing-library/react';
 import React from 'react';
 import userEvent from '@testing-library/user-event';
-import { useDisclosure } from '../index.js';
+import { useDisclosure } from '../index';
 import '@testing-library/jest-dom';
 
 describe('useDisclosure', () => {

packages/react/src/components/IdPrefix/index.js → packages/react/src/components/IdPrefix/index.tsx

@@ -6,10 +6,19 @@
  */
 
 import PropTypes from 'prop-types';
-import React from 'react';
+import React, { PropsWithChildren, ReactNode } from 'react';
 import { IdPrefixContext } from '../../internal/useIdPrefix';
 
-function IdPrefix({ children, prefix }) {
+type IdPrefixProps = {
+  children?: ReactNode;
+
+  /**
+   * The value used to prefix the auto-generated id placed on some DOM elements
+   */
+  prefix?: string;
+};
+
+function IdPrefix({ children, prefix }: PropsWithChildren<IdPrefixProps>) {
   return (
     <IdPrefixContext.Provider value={prefix}>
       {children}

packages/react/src/internal/useIdPrefix.js → packages/react/src/internal/useIdPrefix.ts

@@ -7,7 +7,9 @@
 
 import React from 'react';
 
-export const IdPrefixContext = React.createContext(null);
+export const IdPrefixContext = React.createContext<string | null | undefined>(
+  null
+);
 
 export function useIdPrefix() {
   return React.useContext(IdPrefixContext);