The component rerender whole application every time when I switch between items in the list on hover
This issue occurs due to the to parameter. Should I comment it out or use a static value? What’s the best approach for this code?
<WrapperComponent
{...(hasChildren
? {
onClick: handleToggleCollapse,
className: cn('flex-1', 'cursor-pointer w-full', !isSystemView && 'overflow-hidden'),
}
: {
to: navParams.url,
params: navParams.params,
search: navParams.search,
className: cn('flex-1', 'cursor-pointer w-full', !isSystemView && 'overflow-hidden'),
}
)}
/>
const WrapperComponent = hasChildren ? 'div' : Link;
<WrapperComponent
{...(hasChildren
? {
onClick: handleToggleCollapse,
className: cn('flex-1', 'cursor-pointer w-full', !isSystemView && 'overflow-hidden'),
}
: {
to: navParams.url,
params: navParams.params,
search: navParams.search,
className: cn('flex-1', 'cursor-pointer w-full', !isSystemView && 'overflow-hidden'),
}
)}
/>
const WrapperComponent = hasChildren ? 'div' : Link;
