Omar Aljoundi

Hi [Weldawadyathink](https://github.com/Weldawadyathink) There is a better way to solve this, you can use the prop provide by [RadixUI](https://www.radix-ui.com/primitives/docs/components/dialog) to **prevent auto focus** on open which is `onOpenAutoFocus`. In your Sheet...

Hi @isRyven According to the [official Next.js documentation on hydration errors](https://nextjs.org/docs/messages/react-hydration-error), a hydration error occurs when: > While rendering your application, there was a difference between the React tree that...

You are passing the props to **FormInput** but you are not using it. Since you are using typescript lets re-write the code in strong type kinda way: Try this instead:...

Hi [bao-io](https://github.com/bao-io) I found a solution for your issue, you almost solve it by passing the `stopPropagation` to the onClick, but the place is not correct. You need to pass...

> > Hi [bao-io](https://github.com/bao-io) > > I found a solution for your issue, you almost solve it by passing the `stopPropagation` to the onClick, but the place is not correct....

The slownest is coming from rendering to much HTML that any browser can handle fast, when rendering a huge list you might want to consider using some **Virtualization library**, the...

Hi @o0vO I found a workaround where you set a ref for the **input** to make it focus once it renders. ``` 'use client' import { Button } from '@/components/ui/button'...

Maybe this is not the best approach here, but I had a similar issue as the project I was working on needed to support both LTR and RTL, I added...