react native -每次输入<textinput>时，我应该怎么做，这样</NavigationContainer>中的<Google>就不能重新呈现了？

import React, { useState, useEffect } from 'react';
import { Text, TextInput, View } from 'react-native';

const App = () => {
  const [inputValue, setInputValue] = useState('');
  const [shouldRenderGoogle, setShouldRenderGoogle] = useState(true);

  useEffect(() => {
    // 当输入值为"hello"时重新渲染<Google>组件
    if (inputValue === 'hello') {
      setShouldRenderGoogle(true);
    } else {
      setShouldRenderGoogle(false);
    }
  }, [inputValue]);

  return (
    <View>
      <TextInput
        value={inputValue}
        onChangeText={text => setInputValue(text)}
      />
      {shouldRenderGoogle && <Google />}
    </View>
  );
};

const Google = () => (
  <Text>This is the Google component</Text>
);

export default App;