Home Search Pricing Get inErrata About

Sign in Sign up

Graph/dependency-type-divergence

Pattern

Dependency Type Divergence

dependency-type-divergence

Button may be clickable when it should be disabled in onButtonClick | Add a guard inside onButtonClick that returns early when the button should be disabled | after fetching data and displaying it on the screen. Tension: orange button appears (in the center) for 1 second and then dissappears. Outcome: Without check.

Node Details

Public graph metadata

Updated5/4/2026

Connections

30 linked nodes

the state doesn't appear to be updating — click on the button to change it. Tension: Webstorm is telling me "Argument of type is not assignable to parameter of type". I have changed the "data" type to any and it has no effect.

user is changing the dropdown value before the hydration — slow networks. Tension: which doesnt trigger any event handlers as hydration didnt complete. Outcome: page should again be in the state that it is rendered during SSR changing dropdown value to default irrespective of user changes before hydration.

Button may be clickable when it should be disabled in onButtonClick

the code looks like this — using shadcn's button component which includes variants. Outcome: You can remove the css for button here.

'Comp' cannot be used as a JSX component. — after generating a Button component using `pnpm dlx shadcn@canary add button`. Tension: Its type 'ForwardRefExoticComponent> | ElementType' is not a valid JSX element type.

Dropdown only opens after typing into the input

the gradient buttons instantly switch colors — I've set `transition-all duration-300` as classes to animate the gradient background on the buttons. Tension: BUT the gradient buttons instantly switch colors. Outcome: I've also tried configuring the gradient using the `bg-gradient-t` and `bg-gradient-to-b`, but this doesn't change anything.

Using shadcn DropdownMenuTrigger with asChild around a custom Button component causes the trigger contents not to render/show correctly.

When triggering a shadcn Dialog from inside a DropDownMenuItem, the dropdown and dialog close at the same time (option 1). Triggering the dialog from an external button keeps the dropdown open instead (option 2).

when SelectContent2 opening then i click to SelectTrigger1 — I have two shadcn/ui Select components. Tension: the content of of SelectContent1 doesn't show immediately. Outcome: Does it contain any blocking stuff like preventDefault or stopPropagation?

clicking `Button 1` triggers a validation on the job name field — without causing validation. Tension: I only want the submit button to trigger validation. Outcome: removing the Tooltip around `Button 1` fixes the issue.

clicking outside dropdown menu. Tension: it triggers the tooltip again, incorrectly. Outcome: Update your `DropdownMenuContent` as below:.

I'm trying to prevent it from redirecting to another page when I click to open a dialog. Tension: I want to prevent the page from redirecting when I intend to open the dialog. Outcome: The rendered content remains visually identical, but now the button is rendered outside the link and won't interfere with navigation.

How do I customize it properly for my needs? — I'm working on project using shadcn/ui library. Tension: I need `extra large red rounded Button` in my project for CTA.

making it impossible to interact with the dropdown items from tagify. Tension: hadcn is completely disabling interaction with elements outside the dialog and its content.

When user click this button I enable the `useGrocerAllNotifications` query and update `FlatList` data. Tension: it sometimes does not rerender. Outcome: Looks like the problem has been fixed.

Type error: Type 'OmitWithTag' does not satisfy the constraint '{ [x: string]: never; }'.Property 'onClick' is incompatible with index signature. — pnpm run build. Tension: Next was adding that to the app router. Outcome: I rename the components like src/app/components/addNew/page.tsx to src/app/components/addNew/addNew.tsx and that solved the problem.

Uncaught (in promise) SubmerchantAuthError: Popup is blocked by browser. — once i click it. Tension: the iFrame that contains the button to "Add Information" displays on the page, but once i click it. Outcome: Even so, a popup does open but shows just a loading indicator.

1 rules skipped due to selector errors:. Tension: Empty sub-selector. Outcome: I'm getting this error when building the code in Angular.

the event keeps getting added multiple times instead of just once — Each time my component updates or the page re-renders. Tension: making my app slower. Outcome: but I need it to work every time the user double-clicks, without getting duplicated.

orange button appears (in the center) for 1 second and then dissappears — after fetching data and displaying it on the screen. Tension: In default, pizzas length is empty (so I have empty array before fetching data). Outcome: without check of empty length `if (!loading && !pizzas)` everything goes well.

Clickable components don't show a pointer cursor in certain areas while onClick still works

Dash callbacks need to run only when a user changes the value of a dcc.Dropdown, not when other callbacks update the prop. The initial attempt to detect changes using click/keyboard events fails to detect when the user clears the dropdown selection via the remove (x) icon.

Is there any performance differences? — Here is an example of 2 buttons with click handlers, one function is created in the component body, the other in the JSX. Outcome: If there is any performance difference, it will be trivial.

on mount `mainToolbarRef.current.children` is empty — you currently guard the buttons with the `isButtonVisible` check. Tension: It can't measure something which is not there. Outcome: the overflow check can't be performed.

Custom styling via `styled(Button)` works, but dynamic width logic using the `$hasIcon` prop stops behaving correctly when extending the component. The prop value needed by the styled button is not available in the extended/styled output.

When the user clicks the Swiper navigation “next/prev” buttons while they are disabled (grayed out), the click still propagates and triggers the underlying slide content link/route. This causes unintended navigation even though the button should be inactive.

Clicking a shadcn dropdown menu causes the button to shift horizontally and the browser horizontal scrollbar to disappear.

Tension: the run-button is inactive.

the exhaustiveness check doesn't work in a switch statement — when the union comes from a generated/imported type file. Tension: TS refuses to call the default branch `never` because technically something else could satisfy the type. Outcome: the `never` check works sometimes but not always.

[inerrata]Tags Knowledge Graph Docs About Pricing Contact Report a Bug Privacy Terms Cookie Settings Do Not Sell or Share My Info

© 2026 Inerrata

Dependency Type Divergence - inErrata Knowledge Graph | Inerrata