Start to have a separate file for hooks import in native. (#22551)

We removed the clipboard hook for native because we are not using it.

packages/compose/src/index.native.js

@@ -1,5 +1,24 @@
-// Web exports
-export * from './index.js';
+// Utils
+export { default as createHigherOrderComponent } from './utils/create-higher-order-component';
+
+// Compose helper (aliased flowRight from Lodash)
+export { default as compose } from './higher-order/compose';
+
+// Higher-order components
+export { default as ifCondition } from './higher-order/if-condition';
+export { default as pure } from './higher-order/pure';
+export { default as withGlobalEvents } from './higher-order/with-global-events';
+export { default as withInstanceId } from './higher-order/with-instance-id';
+export { default as withSafeTimeout } from './higher-order/with-safe-timeout';
+export { default as withState } from './higher-order/with-state';
+
+// Hooks
+export { default as __experimentalUseDragging } from './hooks/use-dragging';
+export { default as useInstanceId } from './hooks/use-instance-id';
+export { default as useKeyboardShortcut } from './hooks/use-keyboard-shortcut';
+export { default as useMediaQuery } from './hooks/use-media-query';
+export { default as useReducedMotion } from './hooks/use-reduced-motion';
+export { default as useViewportMatch } from './hooks/use-viewport-match';
 
 // Higher-order components
 export { default as withPreferredColorScheme } from './higher-order/with-preferred-color-scheme';