diff --git a/packages-premium b/packages-premium index 478701dfc5..90e47ee27e 160000 --- a/packages-premium +++ b/packages-premium @@ -1 +1 @@ -Subproject commit 478701dfc5539624c31db040c6d1bc0f88733ece +Subproject commit 90e47ee27ed01f22c94b68553930023738535630 diff --git a/packages/common/src/common/render-hook.tsx b/packages/common/src/common/render-hook.tsx index 94a8f683c5..8effe4d1a3 100644 --- a/packages/common/src/common/render-hook.tsx +++ b/packages/common/src/common/render-hook.tsx @@ -79,6 +79,7 @@ export type DefaultContentGenerator = (hookProps: HookProps) => Compo // for forcing rerender of components that use the ContentHook export const CustomContentRenderContext = createContext(0) + export interface ContentHookProps { hookProps: HookProps content: CustomContentGenerator @@ -90,7 +91,23 @@ export interface ContentHookProps { backupElRef?: RefObject } -export class ContentHook extends BaseComponent> { // TODO: rename to CustomContentHook? +interface ContentHookInnerProps extends ContentHookProps { + renderId: number +} + + +export function ContentHook(props: ContentHookProps) { // TODO: rename to CustomContentHook? + return ( + + {(renderId) => ( + + )} + + ) +} + + +class ContentHookInner extends BaseComponent> { private innerElRef = createRef() private customContentInfo: { @@ -101,13 +118,7 @@ export class ContentHook extends BaseComponent - {() => ( - this.props.children(this.innerElRef, this.renderInnerContent()) - )} - - ) + return this.props.children(this.innerElRef, this.renderInnerContent()) }