Props break when i define data in defineComponent

[ardelan869]

With data() defined

Without data() defined

<script lang="ts">
import { defineComponent } from 'vue';
import { vmin } from '@/lib/css';
import ButtonWrapper from './ButtonWrapper.vue';

export default defineComponent({
  name: 'Selection',
  components: {
    ButtonWrapper
  },
  data() {
    return {
      user: {
        id: 123456,
        name: 'ARDELAN 🐈🧶',
        picture:
          'https://www.pcgamesn.com/wp-content/sites/pcgamesn/2022/12/gta-5-dlc-los-santos-drug-wars.jpg'
      }
    };
  },
  methods: {
    vmin
  },
  props: {
    page: {
      type: String,
      default: 'selection',
      validator: (value) => {
        return typeof value === 'string';
      }
    }
  }
});
</script>

[ardelan869]

It also shows an error when i use the component in another one

[so1ve]

vuejs/core#9296

[ardelan869]

vuejs/core#9296

This issue isn't similar. My problem is that all the props become unknown when i define them like this and use data()

props: {
  prop: {
      type: String,
      default: 'selection',
      validator: (value) => {
        return typeof value === 'string';
      }
  }
}

but it works when i use them like this

props: {
  prop: String
}

This Issue comes from the Plugin

[Alexey-B]

@ardelan869 why did you close the issue? Did you find a solution?
I found that it is the validator that breaks the code. Just comment it and the error disappears.
The compiler doesn't complain about anything, but this is abnormal behavior.

[ardelan869]

@Alexey-B I haven't found a solution, haven't even used Vue in a long time. Thank you for the answer though.

Edit: i've closed the issue, because it was inactive for a week.

[Alexey-B]

@ardelan869 thanks for the answer, I found another suggestion for this problem:
#93