React-data-table Component header alone is overlapping when the model/Pop us is enabled,

I am using react-data-table component for "users" data to display with react Type Script, that table is visible on entering the page and when I click on add a new user a "Model/>" will open with the form inside, When that Model opens the header of the table alone is overlapping/Displaying above the Opened model, or can anyone suggests the fix of this pls, I have attached the image for the same.

Import Statement : import DataTable, { createTheme } from 'react-data-table-component';

Reference images :