Detail List Locked Header

[zombikzs]

Hello,

I've tried to evaluate the Detail List Locked sample code. I've got the following error messages:

return (

Item list

);

error messages:

Type '(props: IDetailsHeaderProps, defaultRender?: IRenderFunction | undefined) => Element' is not assignable to type 'IRenderFunction'. Types of parameters 'props' and 'props' are incompatible. Type 'IDetailsHeaderProps | undefined' is not assignable to type 'IDetailsHeaderProps'. Type 'undefined' is not assignable to type 'IDetailsHeaderProps'.ts(2322) DetailsList.types.d.ts(153, 5): The expected type comes from property 'onRenderDetailsHeader' which is declared here on type 'IntrinsicAttributes & IDetailsListProps & { children?: ReactNode; }'

function onRenderDetailsHeader(props: IDetailsHeaderProps, defaultRender?: IRenderFunction): JSX.Element { return (

{defaultRender!({ ...props, onRenderColumnHeaderTooltip: (tooltipHostProps: ITooltipHostProps) => })}

); }

error message: Argument of type '{ onRenderColumnHeaderTooltip: (tooltipHostProps: ITooltipHostProps) => Element; columns: IColumn[]; selection: ISelection; selectionMode: SelectionMode; theme?: ITheme | undefined; ... 29 more ...; rowWidth?: number | undefined; }' is not assignable to parameter of type 'IDetailsHeaderProps'. Types of property 'onRenderColumnHeaderTooltip' are incompatible. Type '(tooltipHostProps: ITooltipHostProps) => Element' is not assignable to type 'IRenderFunction'. Types of parameters 'tooltipHostProps' and 'props' are incompatible. Type 'ITooltipHostProps | undefined' is not assignable to type 'ITooltipHostProps'. Type 'undefined' is not assignable to type 'ITooltipHostProps'.ts(2345)

Environment Information

• Package version(s): (fill this out)
• Browser and OS versions: (fill this out if relevant)

Please provide a reproduction of the bug in a codepen:

Actual behavior:

Expected behavior:

Priorities and help requested:

Are you willing to submit a PR to fix? (Yes, No)

Requested priority: (Blocking, High, Normal, Low)

Products/sites affected: (if applicable)

[xugao]

@zombikzs - do you mean the DetailsList Locked Header example in https://developer.microsoft.com/en-us/fabric#/controls/web/scrollablepane is giving you error?

Please provide detailed repro steps in order to help

[msft-github-bot]

This issue has been automatically marked as stale because it has marked as requiring author feedback but has not had any activity for 4 days. It will be closed if no further activity occurs within 3 days of this comment. Thank you for your contributions to Fabric React!