when I close drawer my row onClick function is getting triggered, how can I stop it?

 <tr
                    className="border-b cursor-pointer rounded-[40px] hover:bg-card hover:border-b-black font-semibold"
                    key={report.id}
                    onClick={(e) => {
                      e.stopPropagation();
                      router.push(`/report/${report.id}`);
                    }}
                  >
                    <td className="py-2">
                      {format(report.createdAt, 'dd.MM.yyyy.')}
                    </td>
                             <td className="py-2">
                      <Drawer
                        onDrag={(e) => {
                          console.log('drag');
                          e.stopPropagation();
                          e.preventDefault();
                        }}
                        onRelease={(e) => {
                          console.log('yo');
                          e.stopPropagation();
                          e.preventDefault();
                        }}
                      >
                        <DrawerTrigger onClick={(e) => e.stopPropagation()}>
                          Details
                        </DrawerTrigger>
                        <DrawerContent className="max-w-[800px] px-6 mx-auto">
                          <div className="flex flex-col gap-4 w-full my-6">
                                                         <p>{report.generalComment}</p>
                            </div>
                          </div>
                        </DrawerContent>
                      </Drawer>
                    </td>
                  </tr>