mvhoute

import React from 'react';
import { Link } from 'gatsby';

const NavigationLink = props => {
  const externalUrl = props.elements.external_url.value;
  const menuTitle = props.elements.menu_title.value;

  if (!externalUrl) {
    const linkedItem = props.elements.linked_item[0].elements.url_slug.value;
    return <Link activeClassName="active" to={`/${linkedItem}/`}>{menuTitle}</Link>;

mvhoute

import React from 'react';
import { graphql, StaticQuery } from 'gatsby';
import NavigationLink from './navigationLink';

const Navigation = ({ data }) => {
  const navItems = data.allKenticoCloudItemNavigationRoot.nodes[0].elements.linked_navigation_items;

  return (
    <nav className="navigation">
      <ul>