<WithCustomLoading />
    </div>
  )
}Importing Named Exports
To dynamically import a named export, you can return it from the Promise returned by import() function:components/hello.js 'use client'
 
export function Hello() {
  return <p>Hello!</p>
}app/page.js import dynamic from 'next/dynamic'
 
const ClientComponent = dynamic(() =>
  import('../components/hello').then((mod) => mod.Hello)
)