if I use "@connectActionSheet" , the project will crash and err : "SyntaxError"

[expo]

if I use "@connectActionSheet" , the project will crash and err : "SyntaxError"

[mitchellbutler]

The @ symbol is called a decorator (check out this article for reference). Your environment may not implement them, especially since they're still part of a proposal that's subject to change. For now you can ignore the decorator shorthand like this:

import React, { Component } from 'react';
import { connectActionSheet } from '@expo/react-native-action-sheet';

class TheClassYouWantToConnect extends Component {
  // ...
}

export default connectActionSheet(TheClassYouWantToConnect);

[mfxuus]

I've wrapped the <ActionSheetProvider> in the top-level component but still no luck... same SyntaxError. Not sure what I'm doing wrong.

[TaoHenry]

access actionSheet method as this.props.showActionSheetWithOptions and I received this err: 'undefined is not a function (near '...this.props.showActionSheetWithOptions...')"

[2207345508]

I have this problem too.

[adrianByv]

Hi. I was wrapping my current component/screen with <ActionSheetProvider /> and getting the same error.

Like is said in README It must be wrapped to the top-level component.

I changed it to my top-level component and it worked.
App.js:

export default class App extends React.Component {
  render() {
    return (
      <ActionSheetProvider>
        <TabBar />
      </ActionSheetProvider>
    )
  }
}

[peterpme]

Thanks @mitchellbutler. Closing this

[tapir]

Shouldn't be closed or at least should be in the documentations. Literally every new react installation gets the same error about decorators.