Export things we need for CommentEditor (#4513)

* Export things we need for CommentEditor

* Add changeset

* Update snapshot

* Remove ComponentProps export and use React.ComponentProps in dotcom

* Remove the bits of ComponentProps

.changeset/tiny-ghosts-notice.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Exports createComponent

packages/react/src/RelativeTime/RelativeTime.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import {RelativeTimeElement} from '@github/relative-time-element'
 import type {ComponentProps} from '../utils/types'
-import {createComponent} from '../utils/custom-element'
+import {createComponent} from '../utils/create-component'
 
 const RelativeTimeComponent = createComponent(RelativeTimeElement, 'relative-time')
 

packages/react/src/__tests__/__snapshots__/exports.test.ts.snap

@@ -58,6 +58,7 @@ exports[`@primer/react should not update exports without a semver change 1`] = `
   "type ConfirmationDialogProps",
   "CounterLabel",
   "type CounterLabelProps",
+  "createComponent",
   "Details",
   "type DetailsProps",
   "Dialog",

packages/react/src/drafts/TabPanels/TabPanels.tsx

@@ -4,7 +4,7 @@ import React from 'react'
 import styled from 'styled-components'
 import {get} from '../../constants'
 import {TabContainerElement} from '@github/tab-container-element'
-import {createComponent} from '../../utils/custom-element'
+import {createComponent} from '../../utils/create-component'
 import sx, {type SxProp} from '../../sx'
 import type {ComponentProps} from '../../utils/types'
 import getGlobalFocusStyles from '../../internal/utils/getGlobalFocusStyles'

packages/react/src/index.ts

@@ -45,6 +45,9 @@ export {useRefObjectAsForwardedRef} from './hooks/useRefObjectAsForwardedRef'
 export {useResizeObserver} from './hooks/useResizeObserver'
 export {useResponsiveValue} from './hooks/useResponsiveValue'
 
+// Utils
+export {createComponent} from './utils/create-component'
+
 // Components
 export {default as Radio} from './Radio'
 export type {RadioProps} from './Radio'