useSharedValue is not a function

Description

Followed the steps to install alpha 8, then proceeded to setup my view, however none of the react-native-reanimated 2 hooks are available?

Looking at the default Animated object and I can’t see the hooks there either.

And looking node_modules/react-native-reanimated/src/reanimated2 has Hooks.js which has the correct hooks.

babel.config.js looks like:

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: ['react-native-reanimated/plugin'],
  env: {
    production: {
      plugins: ['react-native-paper/babel'],
    },
  },
}

Screenshots

Steps To Reproduce

1. Try using any of the new hooks via import

Expected behavior

Hook is available

Actual behavior

Hook isn’t found

Snack or minimal code example

import React from 'react'
import Animated, { useSharedValue } from 'react-native-reanimated'

export const Screen = ({ route, navigation }) => {
  const height = useSharedValue(0)

  return null
}

Package versions

• React: 16.14.0
• React Native: 0.63.3
• React Native Reanimated: 2.0.0-alpha.8
• NodeJS: v12.14.1

[mdcone]

@shockdesign, the react-native bundler. To get rid of its cache fire it up with react-native start --clear-cache.

[jakub-gonet]

@canberkardic do you use npm by any chance? We saw similar reports in the past. Try using yarn and if you can, please provide a reproducible repository – that will greatly help us resolve this error.