Actions cant work in jsx/tsx,but work in vue file

[kingzcheung]

Reproduction

test_project.zip

Steps to reproduce the bug

test_project.zip

In vue file:

<script setup>
import { storeToRefs } from "pinia";
  import {usePathsStore} from './pania'
  const store = usePathsStore()
  const {paths} = storeToRefs(store)

  store.getPaths('tris')

</script>

<template>
  <div>
    {{paths}}
  </div>
</template>

Expected behavior

In jsx:

import { defineComponent } from "vue";
import { usePathsStore } from './pania'
import { storeToRefs } from "pinia";


export default defineComponent({
    setup() {
        const store = usePathsStore()
        const { paths } = storeToRefs(store)

        store.getPaths('tris')

        return {
            paths
        }
    }
    ,
    render() {
        return (
            <div>{this.paths}</div>
        )
    }
});

Actual behavior

Additional information

No response

[kingzcheung]

My mistake. . . I was using jsx for the first time, I didn't know that it is completely different from the vue file。