fix breadcrumbs in contents

src/customizations/volto/components/theme/Breadcrumbs/Breadcrumbs.jsx

@@ -0,0 +1,42 @@
+/**
+ * Breadcrumbs components.
+ * @module components/theme/Breadcrumbs/Breadcrumbs
+ */
+
+import React, { useEffect } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { useLocation } from 'react-router';
+import { getBaseUrl, hasApiExpander } from '@plone/volto/helpers';
+import { getBreadcrumbs } from '@plone/volto/actions';
+
+import EEABreadcrumbs from '@eeacms/volto-eea-design-system/ui/Breadcrumbs/Breadcrumbs';
+
+const Breadcrumbs = (props) => {
+  const dispatch = useDispatch();
+  const { items = [], root = '/' } = useSelector((state) => state?.breadcrumbs);
+  // const pathname = useSelector((state) => state.location.pathname);
+  const location = useLocation();
+  const { pathname } = location;
+
+  const sections = items.map((item) => ({
+    title: item.title,
+    href: item.url,
+    key: item.title,
+  }));
+
+  useEffect(() => {
+    if (!hasApiExpander('breadcrumbs', getBaseUrl(pathname))) {
+      dispatch(getBreadcrumbs(getBaseUrl(pathname)));
+    }
+  }, [dispatch, pathname]);
+
+  return (
+    <React.Fragment>
+      <div id="page-header" />
+      <EEABreadcrumbs pathname={pathname} sections={sections} root={root} />
+    </React.Fragment>
+  );
+};
+
+export default Breadcrumbs;

src/customizations/volto/components/theme/Breadcrumbs/Readme.md

@@ -0,0 +1 @@
+The only customization here is the removal of isContentRoute helper from https://github.com/eea/volto-eea-website-theme/blob/bf2707262a3d3bf4d0ab90656e69a1babe8dad54/src/customizations/volto/components/theme/Breadcrumbs/Breadcrumbs.jsx#L16

src/index.js

@@ -54,6 +54,11 @@ const applyConfig = (config) => {
     ];
   }
 
+  // do not expand breadcrumbs
+  config.settings.apiExpanders = [...config.settings.apiExpanders].filter(
+    (item) => !item.GET_CONTENT.includes('breadcrumbs'),
+  );
+
   return config;
 };