OrganizationChart: Documentation issue in Basic and Template sections.

[charithAmila]

Describe the bug

1. Basic, Typescript code example

import React, { useState } from 'react';
import { OrganizationChart } from 'primereact/organizationchart';
import { TreeNode } from 'primereact/treenode';

export default function BasicDoc() {
    const [data] = useState<TreeNode>([ // <-------------- This should be  <TreeNode[]>
        {
            label: 'Argentina',
            expanded: true,
            children: [
                {
                    label: 'Argentina',
                    expanded: true,
                    children: [
                        {
                            label: 'Argentina'
                        },
                        {
                            label: 'Croatia'
                        }
                    ]
                },
                {
                    label: 'France',
                    expanded: true,
                    children: [
                        {
                            label: 'France'
                        },
                        {
                            label: 'Morocco'
                        }
                    ]
                }
            ]
        }
    ]);

    return (
        <div className="card overflow-x-auto">
            <OrganizationChart value={data} />
        </div>
    )
}

2. Same issue in the Template section.

Reproducer

No response

PrimeReact version

10.5.1

React version

18.x

Language

TypeScript

Build / Runtime

Next.js

Browser(s)

No response

Steps to reproduce the behavior

1. Go to the Documentation Components section.
2. Navigate to OrganizationChart Basic section.
3. See typescript example code.
4. See the same issue in the Template section.

Expected behavior

No response

[melloware]

PR is welcome!

[charithAmila]

I am working on it.