diff --git a/packages/block-editor/src/components/block-types-list/index.js b/packages/block-editor/src/components/block-types-list/index.js
index 54a9159db0c65c..ca54df0d24b78f 100644
--- a/packages/block-editor/src/components/block-types-list/index.js
+++ b/packages/block-editor/src/components/block-types-list/index.js
@@ -2,7 +2,10 @@
  * WordPress dependencies
  */
 import { getBlockMenuDefaultClassName } from '@wordpress/blocks';
-import { Composite, useCompositeState } from '@wordpress/components';
+import {
+	__unstableComposite as Composite,
+	__unstableUseCompositeState as useCompositeState,
+} from '@wordpress/components';
 
 /**
  * Internal dependencies
diff --git a/packages/block-editor/src/components/inserter-list-item/index.js b/packages/block-editor/src/components/inserter-list-item/index.js
index 63b8d3e0f86f79..47e48ce8ddf29c 100644
--- a/packages/block-editor/src/components/inserter-list-item/index.js
+++ b/packages/block-editor/src/components/inserter-list-item/index.js
@@ -7,7 +7,10 @@ import classnames from 'classnames';
  * WordPress dependencies
  */
 import { useMemo, useRef, memo } from '@wordpress/element';
-import { Button, CompositeItem } from '@wordpress/components';
+import {
+	Button,
+	__unstableCompositeItem as CompositeItem,
+} from '@wordpress/components';
 import {
 	createBlock,
 	createBlocksFromInnerBlocksTemplate,
diff --git a/packages/block-library/src/template-part/edit/selection/template-part-previews.js b/packages/block-library/src/template-part/edit/selection/template-part-previews.js
index 459f47438a5467..e3b7b3e669926a 100644
--- a/packages/block-library/src/template-part/edit/selection/template-part-previews.js
+++ b/packages/block-library/src/template-part/edit/selection/template-part-previews.js
@@ -13,10 +13,10 @@ import { ENTER, SPACE } from '@wordpress/keycodes';
 import { __, sprintf } from '@wordpress/i18n';
 import { BlockPreview } from '@wordpress/block-editor';
 import {
-	Composite,
-	CompositeItem,
+	__unstableComposite as Composite,
+	__unstableCompositeItem as CompositeItem,
 	Icon,
-	useCompositeState,
+	__unstableUseCompositeState as useCompositeState,
 } from '@wordpress/components';
 import { useAsyncList } from '@wordpress/compose';
 import { store as noticesStore } from '@wordpress/notices';
diff --git a/packages/components/src/composite/index.js b/packages/components/src/composite/index.js
index 6a31407decce02..f1101a2c852e0e 100644
--- a/packages/components/src/composite/index.js
+++ b/packages/components/src/composite/index.js
@@ -6,6 +6,9 @@
  * a roving tabindex or aria-activedescendant container.
  *
  * @see https://reakit.io/docs/composite/
+ *
+ * The plan is to build own API that accounts for future breaking changes
+ * in Reakit (https://github.com/WordPress/gutenberg/pull/28085).
  */
 export {
 	Composite,
diff --git a/packages/components/src/disclosure/index.js b/packages/components/src/disclosure/index.js
index 12dc7e2933c7b3..2789ab6d307ef7 100644
--- a/packages/components/src/disclosure/index.js
+++ b/packages/components/src/disclosure/index.js
@@ -3,5 +3,8 @@
  * content. It follows the WAI-ARIA Disclosure Pattern.
  *
  * @see https://reakit.io/docs/disclosure/
+ *
+ * The plan is to build own API that accounts for future breaking changes
+ * in Reakit (https://github.com/WordPress/gutenberg/pull/28085).
  */
 export { DisclosureContent } from 'reakit';
diff --git a/packages/components/src/index.js b/packages/components/src/index.js
index adb25791a22259..9911aa6faa887f 100644
--- a/packages/components/src/index.js
+++ b/packages/components/src/index.js
@@ -35,7 +35,12 @@ export { default as ColorIndicator } from './color-indicator';
 export { default as ColorPalette } from './color-palette';
 export { default as ColorPicker } from './color-picker';
 export { default as ComboboxControl } from './combobox-control';
-export * from './composite';
+export {
+	Composite as __unstableComposite,
+	CompositeGroup as __unstableCompositeGroup,
+	CompositeItem as __unstableCompositeItem,
+	useCompositeState as __unstableUseCompositeState,
+} from './composite';
 export { default as CustomSelectControl } from './custom-select-control';
 export { default as Dashicon } from './dashicon';
 export { default as DateTimePicker, DatePicker, TimePicker } from './date-time';
diff --git a/packages/edit-widgets/src/blocks/widget-area/edit/index.js b/packages/edit-widgets/src/blocks/widget-area/edit/index.js
index eb9d103d2e32d1..adc9a11ddb7941 100644
--- a/packages/edit-widgets/src/blocks/widget-area/edit/index.js
+++ b/packages/edit-widgets/src/blocks/widget-area/edit/index.js
@@ -5,7 +5,7 @@ import { useEffect, useState, useCallback, useRef } from '@wordpress/element';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { EntityProvider } from '@wordpress/core-data';
 import {
-	__unstableDisclosureContent,
+	__unstableDisclosureContent as DisclosureContent,
 	Panel,
 	PanelBody,
 } from '@wordpress/components';
@@ -66,7 +66,7 @@ export default function WidgetAreaEdit( {
 				{ ( { opened } ) => (
 					// This is required to ensure LegacyWidget blocks are not unmounted when the panel is collapsed.
 					// Unmounting legacy widgets may have unintended consequences (e.g. TinyMCE not being properly reinitialized)
-					<__unstableDisclosureContent visible={ opened }>
+					<DisclosureContent visible={ opened }>
 						<EntityProvider
 							kind="root"
 							type="postType"
@@ -74,7 +74,7 @@ export default function WidgetAreaEdit( {
 						>
 							<WidgetAreaInnerBlocks />
 						</EntityProvider>
-					</__unstableDisclosureContent>
+					</DisclosureContent>
 				) }
 			</PanelBody>
 		</Panel>