using useContext() causes error "Error: This must be called within a setup function."

Operating system: OS/X Node-version: 14.18.2 npm version: 6.14.15

Using useContext in page setup function causes:

“Error: This must be called within a setup function.”

1). Create new project via: npx create-nuxt-app <project-name> 2). npm install @nuxtjs/composition-api --save 3). Add to buildModules in nuxt.config.js { buildModules: [ ‘@nuxtjs/composition-api/module’ ] }

1. Update pages/index.vue to the following:

<template>
  <Tutorial/>
</template>

<script>
import { defineComponent, useContext } from '@nuxtjs/composition-api'
export default defineComponent({
  name: 'IndexPage',

  setup() {
    const nuxtContext = useContext()
  }
})
</script>

[Schetnan]

@danielroe @xicri I recreated a clean project with npx create-nuxt-app <project-name>. I then added the latest version of the nuxt composition api and the project worked.

I was able to get one of my other projects working by copying the dependencies from the fresh project over to the older one.

Thanks for sticking with me.

[Schetnan]

@danielroe I think my origin report should work. Just going to the Nuxt 2 site (docs ) and create a new project as I have highlighted above, installing the @nuxtjs/composition-api, then adding the following in the setup. This problem is in existing nuxt 2 projects - not Nuxt 3 or the bridge.

<template>
  <Tutorial/>
</template>

<script>
import { defineComponent, useContext } from '@nuxtjs/composition-api'
export default defineComponent({
  name: 'IndexPage',

  setup() {
    const nuxtContext = useContext()
  }
})
</script>