# Invalid prop Error Nuxt Prismic JavaScript

**URL:** <https://community.prismic.io/t/invalid-prop-error-nuxt-prismic-javascript/12748>\
**Category:** Developing with Prismic\
**Tags:** nuxtjs\
**Created:** [March 16, 2023, 5:46pm UTC](https://community.prismic.io/t/invalid-prop-error-nuxt-prismic-javascript/12748 "2023-03-16T17:46:25Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![developer2](https://avatars.discourse-cdn.com/v4/letter/d/8edcca/32.png) [@developer2](https://community.prismic.io/u/developer2)\
**Post date:** [March 16, 2023, 5:46pm UTC](https://community.prismic.io/t/invalid-prop-error-nuxt-prismic-javascript/12748/1 "2023-03-16T17:46:25Z")

</div>

Hi there,

I'm currently facing this exact same issue though my main key difference is that my project does **not** use typescript.

I'm seeing this warning come up for my project that uses Nuxt and Javascript, can anyone help me identify why this is happening and also how I can remove this error from appearing?

The stack of the warning stems from my slice that I've added.

```auto
vue.runtime.esm.js?2b0e:4605 [Vue warn]: Invalid prop: type check failed for prop "field". Expected Array, got Undefined 

found in

---> <Hero> at slices/Hero/index.vue
       <SliceZone>
         <IndexPage> at pages/index.vue
           <Nuxt>
             <Default> at layouts/default.vue
               <Root>

```

And here is how I am getting props in my slice:

```auto
import { getSliceComponentProps } from "@prismicio/vue/components";

```

```auto
...
props: getSliceComponentProps(["slice", "index", "slices", "context"]),
...

```

---

<div class="post-metadata">

**Author:** ![racheal.orukele](https://avatars.discourse-cdn.com/v4/letter/r/ee7513/32.png) [@racheal.orukele](https://community.prismic.io/u/racheal.orukele)\
**Post date:** [March 22, 2023, 12:01pm UTC](https://community.prismic.io/t/invalid-prop-error-nuxt-prismic-javascript/12748/2 "2023-03-22T12:01:36Z")

</div>

Hello @developer2,

I apologize for the late response.

Can you share with me more information that would help debug this? Like your file in question and the component you are passing content to.

Thanks,  
Racheal.

---

<div class="post-metadata">

**Author:** ![developer2](https://avatars.discourse-cdn.com/v4/letter/d/8edcca/32.png) [@developer2](https://community.prismic.io/u/developer2)\
**Post date:** [March 27, 2023, 5:53pm UTC](https://community.prismic.io/t/invalid-prop-error-nuxt-prismic-javascript/12748/4 "2023-03-27T17:53:29Z")

</div>

Hi @racheal.orukele ,

Thanks for getting back to me. I'm not sure what happened, but I had a duplicate component in my `components` directory since I was converting everything over to `slices`. And when I removed that component the issue resolved itself. Not sure why that would be, but regardless the issue is now gone for me, thanks!

---

<div class="post-metadata">

**Author:** ![racheal.orukele](https://avatars.discourse-cdn.com/v4/letter/r/ee7513/32.png) [@racheal.orukele](https://community.prismic.io/u/racheal.orukele)\
**Post date:** [March 28, 2023, 3:21pm UTC](https://community.prismic.io/t/invalid-prop-error-nuxt-prismic-javascript/12748/5 "2023-03-28T15:21:41Z")

</div>

Glad to hear that the issue is resolved. Let us know if you have any other questions 🙂