diff --git a/src/ui/haLayout/HaLayout.js b/src/ui/haLayout/HaLayout.js
index 1ee59ac9f..c76a5de72 100644
--- a/src/ui/haLayout/HaLayout.js
+++ b/src/ui/haLayout/HaLayout.js
@@ -1,19 +1,17 @@
 import { AppLocationContext } from '@react-admin/ra-navigation'
 import { styled, ThemeProvider } from '@mui/styles'
 import { Box, useMediaQuery } from '@mui/material'
-import { HaBreadCrumb } from './menu/HaBreadCrumb'
 import { HaMenu } from './menu/utils/'
 import { HaAppBar } from './appBar'
 import { useSidebarState } from 'react-admin'
-import { createContext } from 'react'
 import { mainTheme } from '../../haTheme'
+import HaBreadCrumb from 'menu/HaBreadCrumb'
 
 const HaLayoutStyled = styled('div')({
   minHeight: '100vh',
   position: 'relative',
   width: '100%'
 })
-export const LayoutContext = createContext()
 
 export function HaLayout({ children }) {
   const [open] = useSidebarState()
diff --git a/src/ui/haLayout/menu/HaBreadcrumb.js b/src/ui/haLayout/menu/HaBreadcrumb.js
index e652cfc56..817596202 100644
--- a/src/ui/haLayout/menu/HaBreadcrumb.js
+++ b/src/ui/haLayout/menu/HaBreadcrumb.js
@@ -2,7 +2,7 @@ import { Breadcrumb, BreadcrumbItem } from '@react-admin/ra-navigation'
 import { useState } from 'react'
 import dataProvider from '../../../providers/dataProvider'
 
-export const HaBreadCrumb = () => {
+const HaBreadCrumb = () => {
   const [studentRef, setStudentRef] = useState('...')
 
   const getRef = ({ record }) => {
@@ -61,3 +61,5 @@ export const HaBreadCrumb = () => {
     </Breadcrumb>
   )
 }
+
+export default HaBreadCrumb