native-base components forces its children to re-render

[hsjoberg]

Consider this simple component:

import React from "react";
import { Container, Button } from "native-base";

export default ()  => {
  const [_, set] = useState(0);
  const Rerender = () => {
    console.log("RENDER");
    return (<></>);
  };

  rerender = useMemo(() => {
    return (<Rerender />);
  }, []);

  return (
    <Container>
      <Button onPress={() => set(Math.random()) } />
      {rerender}
    </Container>
  );
}

Pressing on the button so that the state changes causes Rerender component to re-render.
Replacing Container with react-natives View will solve the issue -- Rerender will not re-render if the button is pressed.

Perhaps check with up-stream?