Error when updating from 3.2.47 to 3.3.8

[AlexanderSlesarenko]

Hello, please help, i have following error:

Module Error (from ./node_modules/vue-loader/dist/templateLoader.js):
[vue/compiler-sfc] This experimental syntax requires enabling one of the following parser plugin(s): "jsx", "flow", "typescript". (17:17)

.../Status.vue
15 |  }
16 |  const comp = computed(() => (
17 |    props.status ? <XIconThumbUp/> : <XIconThumbDown/>
   |                   ^
18 |  ))
19 |  </script>

here is the file:

<script setup>
import { computed } from 'vue'
import {
  XIconThumbUp,
  XIconThumbDown
} from 'xtify/src/icons'
import { VTooltip } from 'vuetify/components'

const props = defineProps({
  status: Boolean
})
const LABELS = {
  true: 'Approved',
  false: 'Declined'
}
const comp = computed(() => (
  props.status ? <XIconThumbUp/> : <XIconThumbDown/>
))
</script>
<template>
  <VTooltip v-if="status">
    <template #activator="{ props: tooltipProps }">
      <component
        :is="comp"
        v-bind="tooltipProps"
      />
    </template>
    <span>{{ LABELS[status] }}</span>
  </VTooltip>
</template>

babel.config.json:

{
  "plugins": [
    [
      "@vue/babel-plugin-jsx",
      {
        "enableObjectSlots": false,
        "transformOn": true
      }
    ]
  ]
}

[baiwusanyu-c]

<script setup lang="jsx">
import { computed } from 'vue'
import {
  XIconThumbUp,
  XIconThumbDown
.....

[AlexanderSlesarenko]

with version 3.4.7 of vue:

<script setup lang="jsx">
import { computed } from 'vue'
import {
  XIconThumbUp,
  XIconThumbDown
} from 'xtify/src/icons'
import { VTooltip } from 'vuetify/components'

const props = defineProps({
  status: Boolean
})
const LABELS = {
  true: 'Approved',
  false: 'Declined'
}
const comp = computed(() => (
  props.status ? <XIconThumbUp/> : <XIconThumbDown/>
))
</script>
<template>
  <VTooltip v-if="status">
    <template #activator="{ props: tooltipProps }">
      <component
        :is="comp"
        v-bind="tooltipProps"
      />
    </template>
    <span>{{ LABELS[status] }}</span>
  </VTooltip>
</template>

[AlexanderSlesarenko]

solved, when added |jsx to webpack config:
{ test: /\.(js|jsx)$/, exclude: /node_modules/, use: ['babel-loader', webpackPreprocessorLoader]/, }