Type Error On 'primereact/toast'

[permlap-phola]

Describe the bug

Typescript throw error

[{
	"resource": "****************************",
	"owner": "typescript",
	"code": "2322",
	"severity": 8,
	"message": "Type '(props: any) => ReactNode' is not assignable to type 'ReactNode'.",
	"source": "ts",
	"startLineNumber": 260,
	"startColumn": 16,
	"endLineNumber": 293,
	"endColumn": 23,
	"relatedInformation": [
		{
			"startLineNumber": 260,
			"startColumn": 16,
			"endLineNumber": 293,
			"endColumn": 23,
			"message": "Did you mean to call this expression?",
			"resource": "*******"
		}
	]
}]

toastBC.current.show({
                severity: 'success',
                summary: 'Can you send me the report?',
                sticky: true,
                content: (props) => ( //the type error happen on here when you want to pass props in the content//
                    <div className="flex flex-column align-items-left" style={{ flex: '1' }}>
                        <div className="flex align-items-center gap-2">
                            <Avatar image="/images/avatar/amyelsner.png" shape="circle" />
                            <span className="font-bold text-900">Amy Elsner</span>
                        </div>
                        <div className="font-medium text-lg my-3 text-900">{props.message.summary}</div>
                        <Button className="p-button-sm flex" label="Reply" severity="success" onClick={clear}></Button>
                    </div>
                )
            });

I have fixed on my development by changing ToastMessage type
content?: React.ReactNode | undefined; to content?: (props:any)=> React.ReactNode | undefined;

Reproducer

No response

System Information

"primereact": "^10.8.2",
"react": "^18",
"next": "13.4.19",
"typescript": "^5"

Steps to reproduce the behavior

No response

Expected behavior

No response