Next.js Discord

Discord Forum

Error => Unable to preventDefault inside passive event listener invocation.

Unanswered
mushkovskiy posted this in #help-forum
Open in Discord
Hi? everyone! I use Radio component from Chakra ui, i get an error => Unable to preventDefault inside passive event listener invocation
Probably does somebody get the same case?:next1:
  <Popover placement="auto-start" offset={[0, 10]}>
      <PopoverTrigger>
        <Button variant="ghost" _hover={{ background: 'none' }} p="0">
          <SchevronDoubble width="14px" height="14px" />
        </Button>
      </PopoverTrigger>
      <PopoverContent bg="whiteAlpha.100" border="none" backdropFilter="blur(30px)" w="183px" borderRadius="2xl">
        <PopoverBody p="4" bg="whiteAlpha.100" borderRadius="2xl">
          <RadioGroup value={value}>
            <Stack direction="column" spacing="3">
              {options.map((option) => (
                <Radio
                  size="sm"
                  key={option}
                  value={option}
                  _checked={{ bg: 'whiteAlpha.900', border: '4px solid', borderColor: 'primary.400' }}
                  _focus={{
                    boxShadow: 'none',
                  }}
                >
                  <Text fontSize="sm" fontStyle="normal" fontWeight="normal" lineHeight="shorter">
                    {option}
                  </Text>
                </Radio>
              ))}
            </Stack>
          </RadioGroup>
        </PopoverBody>
      </PopoverContent>
    </Popover>

0 Replies