با استفاده از کتابخانه primereact می توانید به راحتی tab بسازید. اگر کتابخانه را نصب نکردید، ابتدا نصبش کنید. سپس TabView و TabPanel را بصورت زیر ایمپورت کنید:

import { TabView, TabPanel } from 'primereact/tabview';

حالا بصورت زیر از آن استفاده کنید:

const [activeIndex, setActiveIndex] = useState(0);

<TabView activeIndex={activeIndex} onTabChange={(e) => setActiveIndex(e.index)}>
    <TabPanel header="Header I">
        Content I
    </TabPanel>
    <TabPanel header="Header II">
        Content II
    </TabPanel>
    <TabPanel header="Header III">
        Content III
    </TabPanel>
</TabView>

به همین راحتی 🙂