Tabs with prop destroyInactiveTabPanel error | HeroUI | Page 1

pulsar timber Oct 30, 2024, 2:42 PM

#

I'm using the Tabs component with the prop destroyInactiveTabPanel={false} as on each tab I'm showing some dynamic data using a fetch call and I dont want the fetch call to be done again when switching away and to the tab again. The page is working but Im getting the console error

hook.js:608 Received the string `true` for the boolean attribute `inert`. Although this works, it will not work as expected if you pass the string "false". Did you mean inert={true}? Error Component Stack
    at div (<anonymous>)
    at NextUI.TabPanel (chunk-MGHLJVLI.mjs:30:20)
    at Tabs (chunk-25S546L6.mjs:29:80)

only on development mode. On production the error doesn't even show. Removing the prop fixes the error, but I need the inactive tab to not be destroyed, so I need to use the prop.

#

From what I can see in this file https://github.com/nextui-org/nextui/blob/canary/packages/components/tabs/src/tab-panel.tsx line 72 should be
inert={!isSelected ? true : undefined} without the quotation marks

pulsar timber Oct 31, 2024, 8:25 AM

#

<@&886709813667573801> should I submit a bug on github?

rose plank Nov 1, 2024, 4:00 AM

#

please help create a issue with the reproducible example. thanks

pulsar timber Nov 1, 2024, 10:28 PM

#

rose plank please help create a issue with the reproducible example. thanks

subbmited a bug here https://github.com/nextui-org/nextui/issues/3972

static hull Nov 7, 2024, 10:04 PM

#

@pulsar timber the ticket shows "completed" but I'm still having that exact same problem - how about you?

#

actually doesn't look like the merge with it has happened.

pulsar timber Nov 7, 2024, 10:20 PM

#

The merge was done but it will probably be released with the next update

#Tabs with prop destroyInactiveTabPanel error