unpack props inside component bodies

Signed-off-by: Fredrik Adelöw <freben@gmail.com>

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);