Not being able to access index.js from react-native app

Framework/library:: react-native I am using react-native to build an ios application. I am using the tradingView charting_library to show charts on my application. I am trying to display a chart but it can't find the index.js as you can see from my code below:

        return (
            <Pressable
                onLongPress={this.props.onMessageSelected}
                style={{height: 300, position: 'relative'}}>
                <TouchableOpacity
                    onPress={() => this.props.openTradingViewModal(jsToInject)}
                    style={{top: 8, right: 8, ...styles.tradingViewExpandButton}}>
                    <SvgExpand fill={baseWhite100}/>
                </TouchableOpacity>
                <WebView
                    ref={(ref) => (this.webview = ref)}
                    source={{uri: '../../ios/charting_library/index.html'}}
                    allowFileAccessFromFileURLs={true}
                    javaScriptEnabled={true}
                    injectedJavaScript={jsToInject}
                    originWhitelist={['*']}
                    containerStyle={{...styles.br16}}
                    onMessage={(event) => {
                        const data = JSON.parse(event.nativeEvent.data);
                    }}
                />
            </Pressable>
        );

The error:

Encountered an error loading page {"canGoBack": false, "canGoForward": false, "code": -1100, "description": "The requested URL was not found on this server.", "didFailProvisionalNavigation": true, "domain": "NSURLErrorDomain", "loading": false, "target": 14073, "title": "", "url": ""}

Screenshot:

Please help. Thank you

tradingview / charting-library-examples

Not being able to access index.js from react-native app #297