No content after refresh about react-tabs HOT 5 OPEN

const FinanceTabPanel = (props: any) => {
const { edges, financeCategories } = props
const FINANCE_CATEGORIES: string[] = financeCategories

const [tab, setTab] = useQueryParam("tab", withDefault(StringParam, FINANCE_CATEGORIES[0]))
const selectedTabIndex = edges.map(panel => panel.node.financeTabId).indexOf(tab)

const handleTabChange = (newTabIndex: number) => {
    if (newTabIndex !== selectedTabIndex) {
        setTab(FINANCE_CATEGORIES[newTabIndex])
    }
}

return (
    <section className="finance-section">
        <div className="tab-panel_wrapper">
            <Tabs selectedIndex={selectedTabIndex} onSelect={handleTabChange}>
                <TabList>
                    {edges.map((tab: FinancePropsProperties, idx: number) => (
                        <Tab key={idx}>{tab.node.financeTabName}</Tab>
                    ))}
                </TabList>

                {edges.map((tab: FinancePropsProperties, index: number) => (
                    <TabPanel key={index}>
                        <FinanceTarget props={edges[index]} />
                        {tab.node?.trainingITTopics ? (
                            <OpenTrainingsTopics props={edges[index]} />
                        ) : (
                            <React.Fragment />
                        )}
                        {tab.node?.financeApplicationTitle ? (
                            <FinanceApplication props={edges[index]} />
                        ) : (
                            <React.Fragment />
                        )}
                        {tab.node?.recruitment ? <Recruitment props={edges[index]} /> : <React.Fragment />}
                        {tab.node?.financeDownloadableFiles ? (
                            <DownloadFiles props={edges[index]} />
                        ) : (
                            <React.Fragment />
                        )}
                        {tab.node?.informationReference ? (
                            <InformationReference props={edges[index]} />
                        ) : (
                            <React.Fragment />
                        )}
                    </TabPanel>
                ))}
            </Tabs>
        </div>
    </section>
)