Error: Text strings must be rendered within a <Text> component.

App.js

import React from "react";
import EventList from "./EventList";

export default function App() {
  return <EventList />;
}

EventCard.js

import React from "react";
import { Text } from "react-native-web";


export default function EventCard() {
  return (<Text>hi</Text>);
}

EventList.js

import React, { Component } from "react";
import { FlatList, Text } from "react-native";
import EventCard from "./EventCard";

class EventList extends Component {
  state = {
    events: [{id:"1"},{id:"2"}],
  };

  render() {
    return (
      <FlatList
        data={this.state.events}
        keyExtractor={(item) => item.id}
        renderItem={() =><EventCard/>}
      />
    );
  }
}

export default EventList;