Not working for nested scrollView

[suman889]

import { ScrollView } from 'react-native-virtualized-view';
import React from 'react';

return (
<View style={{ flex: 1, backgroundColor: COLORS.thimColor }}>

        <ScrollView>
            <Text style={{
                color: '#000000',
                fontSize: 16, marginTop: 20, marginLeft: 10
            }}> SHG</Text>

            <View style={styles.card}>


                {/**FilterBox */}

                <View style={{
                    width: '100%',
                    height: 50,
                    backgroundColor: 'red',
                    paddingHorizontal: 10
                }}>


                    <Text style={{
                        color: '#000000', fontSize: 16,
                        marginVertical: 7
                    }}> Filter By Branch</Text>
                </View>


                {/**Table with search Container */}
                <View>
                    <ScrollView

                        style={styles.tableBox}
                    >

                        <View style={{ flexDirection: 'row' }}>
                            <ButtonView
                                name='Copy'
                            />
                        </View>
                    </ScrollView>

                </View>

            </View>
        </ScrollView>
    </View>

{/* error is like:
VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead.
*/}