Issue title: useBottomSheet not returning anything
 Issue body: # Bug

<!--
  Please provide a clear and concise description of what the bug is.
  Include screenshots or gifs if needed.
  Please test using the latest release of the library, as maybe your bug has been already fixed.
  If the library has multiple install methods, describe installation method (e.g., pod, not pod, with jetifier etc).

  **Please note that issues that do not follow the template may be closed.**
-->
Use the following snippet:
```javascript
const Component = React.memo(function Component(props) {
  const hooks = useBottomSheet();
  return <Component {...props} />;
});
```

Trying to access any of the methods included in `hooks` would result in an error like `undefined is not an object (evaluating 'hooks.<method>` where `method` is just either expand, collapse, etc.

## Environment info

<!--
  Please provide the version of the libraries below.
-->

| Library                         | Version |
| ------------------------------- | ------- |
| @gorhom/bottom-sheet         | 3.6.3   |
| react-native                    | 0.64.0  |
| react-native-reanimated         | 2.0.1   |
| react-native-gesture-handler    | 1.10.3   |

## Steps To Reproduce

<!--
- You must provide a clear list of steps and code to reproduce the problem.
- Keep the code reproducing the bug as simple as possible, with the minimum amount of code required to reproduce the issue. See https://stackoverflow.com/help/mcve.
- Either re-create the bug using the repository's example app or link to a GitHub repository with code that reproduces the bug.
- Explain the steps we need to take to reproduce the issue:
-->

1. Create a custom component
```javascript
const snapPoints = [-1, '100%'];
const ReportAttatchmentsPicker = React.memo(
  function ReportAttatchmentsPicker() {
    const bottomSheetRef = useRef();

    return (
      <NativeViewGestureHandler disallowInterruption={true}>
        <View style={styles.container}>
          <BottomSheet ref={bottomSheetRef} snapPoints={snapPoints}>
            <View style={styles.contentContainer}>
              <Text>Awesome 🎉</Text>
            </View>
          </BottomSheet>
        </View>
      </NativeViewGestureHandler>
    );
  },
);

// use it somewhere
<ReportAttatchmentsPicker />
```
2. Import `useBottomSheet` and use it, like this
```javascript
const Component = React.memo(function Component(props) {
  const hooks = useBottomSheet();
  return <Component {...props} />;
});
```
3. Try to access any of the methods that should be within `hook`, like this `onPress={() => hooks.collapse()`

Describe what you expected to happen:

1. `hooks` should contain the methods. Right now it's just undefined.

## Reproducible sample code

<!--
 Please add minimal runnable repro as explained above so that the bug can be tested in isolation.
-->

Will add later if this doesn't turn out to be some misconfiguration or something like that.

 Comments: 
 Comment 0: @ricbermo https://gorhom.github.io/react-native-bottom-sheet/hooks#usebottomsheet

> This hook works at any component inside the `BottomSheet`.

 Comment 1: @gorhom makes sense. TY. I'd that to the docs, tho. 
{'source': 'GithubIssues', 'repo_name_with_owner': 'gorhom/react-native-bottom-sheet', 'issue_id': 859762550, 'repo_stars': 3838.0}