# Slicemachine getSliceComponentProps Issue - Slicemachine 0.3.3

**URL:** <https://community.prismic.io/t/slicemachine-getslicecomponentprops-issue-slicemachine-0-3-3/9500>\
**Category:** Developing with Prismic\
**Tags:** nuxtjs\
**Created:** [March 24, 2022, 9:55am UTC](https://community.prismic.io/t/slicemachine-getslicecomponentprops-issue-slicemachine-0-3-3/9500 "2022-03-24T09:55:41Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![SebastianGebhardt](https://avatars.discourse-cdn.com/v4/letter/s/2acd7d/32.png) [@SebastianGebhardt](https://community.prismic.io/u/SebastianGebhardt)\
**Post date:** [March 24, 2022, 9:55am UTC](https://community.prismic.io/t/slicemachine-getslicecomponentprops-issue-slicemachine-0-3-3/9500/1 "2022-03-24T09:55:41Z")

</div>

Hello all,

I have a problem with the new "Slicemachine" version.  
With the new function "getSliceComponentProps" I get the following error message.  
However, if I set the "slice" back to the classic/options props, everything works wonderfully.  
I have also attached two additional screenshots.  
Does anyone else have this problem, or is this error already known?

With kind regards  
Basti

 ![01](https://europe1.discourse-cdn.com/flex013/uploads/prismic/original/2X/1/1fe34ee7ac4379e54b447a75a979afec9d6cd780.png)  
 ![02](https://europe1.discourse-cdn.com/flex013/uploads/prismic/original/2X/7/748bdf38cc7c40e0f3ab7a05d4858c87d46419ee.png)

---

<div class="post-metadata">

**Author:** ![jack](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/jack/32/1082_2.png) [@jack](https://community.prismic.io/u/jack)\
**Post date:** [March 28, 2022, 9:35am UTC](https://community.prismic.io/t/slicemachine-getslicecomponentprops-issue-slicemachine-0-3-3/9500/2 "2022-03-28T09:35:14Z")

</div>

Im getting the same issue, I also get a bunch of warnings regarding required props missing: Context, Index from each created slice. This is a newly created nuxt project with slicemachine/init.

---

<div class="post-metadata">

**Author:** ![Pau](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/pau/32/5422_2.png) [@Pau](https://community.prismic.io/u/Pau)\
**Post date:** [March 29, 2022, 3:40am UTC](https://community.prismic.io/t/slicemachine-getslicecomponentprops-issue-slicemachine-0-3-3/9500/3 "2022-03-29T03:40:31Z")

</div>

I haven't seen this issue before. I'll ask the team about this and come back when i have more information.

---

<div class="post-metadata">

**Author:** ![Pau](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/pau/32/5422_2.png) [@Pau](https://community.prismic.io/u/Pau)\
**Post date:** [March 30, 2022, 9:50pm UTC](https://community.prismic.io/t/slicemachine-getslicecomponentprops-issue-slicemachine-0-3-3/9500/5 "2022-03-30T21:50:36Z")

</div>

Hello everyone.  
We haven't been able to reproduce the issue.  
@SebastianGebhardt can you provide us with more information about your project? What's probably happening is that you're using `vue-slicezone` which isn't compatible with `getSliceComponentProps`. Instead you need to use: `@prismicio/vue`

---

<div class="post-metadata">

**Author:** ![jack](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/jack/32/1082_2.png) [@jack](https://community.prismic.io/u/jack)\
**Post date:** [April 15, 2022, 10:52am UTC](https://community.prismic.io/t/slicemachine-getslicecomponentprops-issue-slicemachine-0-3-3/9500/7 "2022-04-15T10:52:59Z")

</div>

Hi @Pau but your documentation here: [vue-slicezone Technical Reference - Prismic](https://prismic.io/docs/technologies/vue-slicezone-technical-reference) says to use vue-slicezone when also having @prismic/vue or @prismic/nuxt installed? If I remove vue-slicezone I now get the issue "Invalid prop: type check failed for prop "slices". Expected Array, got Undefined " but the slices prop has data and is defined.

---

<div class="post-metadata">

**Author:** ![Pau](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/pau/32/5422_2.png) [@Pau](https://community.prismic.io/u/Pau)\
**Post date:** [April 15, 2022, 11:43pm UTC](https://community.prismic.io/t/slicemachine-getslicecomponentprops-issue-slicemachine-0-3-3/9500/8 "2022-04-15T23:43:44Z")

</div>

You need to replace it with the slice zone from @prismicio/react

---

<div class="post-metadata">

**Author:** ![jack](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/jack/32/1082_2.png) [@jack](https://community.prismic.io/u/jack)\
**Post date:** [April 16, 2022, 6:30pm UTC](https://community.prismic.io/t/slicemachine-getslicecomponentprops-issue-slicemachine-0-3-3/9500/9 "2022-04-16T18:30:45Z")

</div>

Not using react, Im using the @prismic/nuxt module.

Im sure all this works, but your documentation is all over the place and outdated. Another example I tried doing a fresh install and repo using npx @slicemachine/init

and following the docs here: [Setup a Prismic in a Nuxt Project - Prismic](https://prismic.io/docs/technologies/nuxt-setup) and get the error "Error: Can't resolve 'vue-slicezone' in ..." as it cant find vue-slicezone as its not installed during @slicemachine/init. So this needs changed as you say we shouldnt be using vue-slicezone.

---

<div class="post-metadata">

**Author:** ![Pau](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/pau/32/5422_2.png) [@Pau](https://community.prismic.io/u/Pau)\
**Post date:** [April 20, 2022, 3:40am UTC](https://community.prismic.io/t/slicemachine-getslicecomponentprops-issue-slicemachine-0-3-3/9500/11 "2022-04-20T03:40:33Z")

</div>

Thanks for pointing this out, you are right. We'll update the documentation to reflect this update.

Here's the code that should go in the `pages/slice-simulator.vue` file

```auto
<template>
  <SliceSimulator v-slot="{ slices }" :state="state">
    <SliceZone :slices="slices" :components="components" />
  </SliceSimulator>
</template>

<script>
import { SliceSimulator } from '@prismicio/slice-simulator-vue'
import { components } from '~/slices'
import state from '~~/.slicemachine/libraries-state.json'
export default {
  components: {
    SliceSimulator
  },
  data () {
    return { state, components }
  }
}
</script>

```