Merge pull request #16614 from backstage/freben/unpack-props

🧹 unpack props inside component bodies

plugins/techdocs-react/api-report.md

@@ -91,7 +91,7 @@ export type TechDocsMetadata = {
 
 // @public
 export const TechDocsReaderPageProvider: React_2.MemoExoticComponent<
-  ({ entityRef, children }: TechDocsReaderPageProviderProps) => JSX.Element
+  (props: TechDocsReaderPageProviderProps) => JSX.Element
 >;
 
 // @public
@@ -120,11 +120,7 @@ export type TechDocsReaderPageValue = {
 };
 
 // @public
-export const TechDocsShadowDom: ({
-  element,
-  onAppend,
-  children,
-}: TechDocsShadowDomProps) => JSX.Element;
+export const TechDocsShadowDom: (props: TechDocsShadowDomProps) => JSX.Element;
 
 // @public
 export type TechDocsShadowDomProps = PropsWithChildren<{

plugins/techdocs-react/src/component.tsx

@@ -204,11 +204,9 @@ export type TechDocsShadowDomProps = PropsWithChildren<{
  * @param props - see {@link TechDocsShadowDomProps}.
  * @public
  */
-export const TechDocsShadowDom = ({
-  element,
-  onAppend,
-  children,
-}: TechDocsShadowDomProps) => {
+export const TechDocsShadowDom = (props: TechDocsShadowDomProps) => {
+  const { element, onAppend, children } = props;
+
   const [jss, setJss] = useState(
     create({
       ...jssPreset(),

plugins/techdocs-react/src/context.tsx

@@ -111,7 +111,9 @@ export type TechDocsReaderPageProviderProps = {
  * @public
  */
 export const TechDocsReaderPageProvider = memo(
-  ({ entityRef, children }: TechDocsReaderPageProviderProps) => {
+  (props: TechDocsReaderPageProviderProps) => {
+    const { entityRef, children } = props;
+
     const techdocsApi = useApi(techdocsApiRef);
     const config = useApi(configApiRef);