Оператор if для React Routing from query

У меня следующий вопрос относительно React и React routing. Я пытаюсь выполнить маршрутизацию на основе того, какие страны и проекты возвращаются по моему запросу. В принципе, я считаю, что мне нужен оператор if, чтобы увидеть, является ли _id каждого заголовка проектом или страной, чтобы был возвращен правильный соответствующий компонент (либо RenderCountry, либо RenderProject).

     componentDidMount() {
    client

      .fetch('*[_type == "land" || _type = = "project"] {title, slug, _type }')
      .then(country => this.setState({ country }));
  }
  render() {
    return (
      <Switch>
        {this.state.country.map(post => (
          <Route
            path = {`/${post.slug.current}`}
            exact
            component = {RenderCountry}
          />
        ))}
        <Route path = "/" exact component = {Home} />
        <Route path = "/about" exact component = {About} />
        <Route path = "/countries" exact component = {Countries} />
        <Route path = "/projects" exact component = {Projects} />
        <Route component = {FouroFour} />
      </Switch>
    );
  }

Ждем Вашего ответа! Это результаты запроса:

    {
  _type: "land",
  slug: {
    _type: "slug",
    current: "namibia"
  },
  title: "Namibia"
}
{
  _type: "land",
  slug: {
    _type: "slug",
    current: "niger"
  },
  title: "Niger"
}
{
  _type: "project",
  slug: {
    _type: "slug",
    current: "self-help-or-social-transformation"
  },
  title: "Self help or social transformation"
}
{
  _type: "project",
  slug: {
    _type: "slug",
    current: "mozambique-norway-accessibility-partnership"
  },
  title: "Mozambique/Norway Accessibility Partnership"
}
{
  _type: "project",
  slug: {
    _type: "slug",
    current: "matching-education-skills-and-work"
  },
  title: "Matching education, skills and work"
}