import Link from "next/link"; import jsonpath from "jsonpath"; import _ from "lodash"; import { useRouter } from "next/router"; import useTranslation from "next-translate/useTranslation"; const Breadcrumbs = (props) => { const { courseContent, slug, currentView } = props; const router = useRouter(); const { appealType, section } = router.query; let { t } = useTranslation(); function Breadcrumb() { if (slug) { var coursePageURL = appealType + "/" + slug; if (_.isEmpty(courseContent)) { return null; } else { var sectionObj = jsonpath.query( courseContent, '$..sections[?(@.path=="/' + coursePageURL + '")]' ); var breadcrumb = sectionObj[0].chapter.title; //sectionObj[0].chapter return (