creating ref after react 17

Author: JOHN1202

index.js

@@ -115,6 +115,10 @@ const ScrollableTabView = createReactClass({
     };
   },
 
+  componentWillMount() {
+    this.scrollView = React.createRef();
+  },
+
   componentDidUpdate(prevProps) {
     if (this.props.children !== prevProps.children) {
       this.updateSceneKeys({ page: this.state.currentPage, children: this.props.children, });
@@ -232,7 +236,7 @@ const ScrollableTabView = createReactClass({
         pagingEnabled
         automaticallyAdjustContentInsets={false}
         contentOffset={{ x: this.props.initialPage * this.state.containerWidth, }}
-        ref={(scrollView) => { this.scrollView = scrollView; }}
+        ref={this.scrollView}
         onScroll={Animated.event(
           [{ nativeEvent: { contentOffset: { x: this.state.scrollXIOS, }, }, }, ],
           { useNativeDriver: true, listener: this._onScroll, }
@@ -271,7 +275,7 @@ const ScrollableTabView = createReactClass({
             listener: this._onScroll,
           },
         )}
-        ref={(scrollView) => { this.scrollView = scrollView; }}
+        ref={this.scrollView}
         {...this.props.contentProps}
       >
         {scenes}