Skip to content

Unable to preventDefault inside passive event listener invocation. #170

@cauancesar

Description

@cauancesar

Hello,

I'm integrating the react-tournament-brackets in Vue/Nuxt 3, and I've successfully integrated most components. But, I receive the following error in the console when clicking and dragging the bracket inside the SVGViewer component:

Image

My code:

<template>
    <Bracket :matches="matches" :matchComponent="Match">
        <template #svgWrapper="props">
            <SVGViewerVue v-bind="props" :width="1500" :height="1500" />
        </template>
    </Bracket>
</template>

<script setup>
import matches from '~/assets/fake_api/matches_bracket.json'
import { SingleEliminationBracket, Match, SVGViewer } from '@g-loot/react-tournament-brackets';
import { applyPureReactInVue } from 'veaury';

const Bracket = applyPureReactInVue(SingleEliminationBracket)
const SVGViewerVue = applyPureReactInVue(SVGViewer)

defineComponent({
    components: {
        Bracket,
        SVGViewerVue
    },
    data() {
        return {
            matches: matches,
            Match: Match,
        }
    }
})
</script>

It doesn't seem to affect the overall functionality of the app, but I'm wondering if I'm doing something wrong

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions