How to fix React-tab issues

Question

I am trying to implement react tabs in my Next.js applications. I have installed react tab packages and put the code but unfortunately, it doesn't work.

When I click on title 1 it doesn't move any content 1 same as clicking title2.

But the same code works in a new React application. Below is the code:

const Rtab = () => {
  return(    
    <Tabs>
      <TabList>
        <Tab>Title 1</Tab>
        <Tab>Title 2</Tab>
      </TabList>
      <TabPanel>
        <h2>Any content 1</h2>
      </TabPanel>
      <TabPanel>
        <h2>Any content 2</h2>
      </TabPanel>
    </Tabs>
  );      
}