Question from the Next.js test

Here is a code snippet for a dynamic import in a Next.js application:

// pages/index.js
import dynamic from 'next/dynamic';

const DynamicComponent = dynamic(() => import('../components/Hello'));

export default function Home() {
  return <DynamicComponent />;
}

What is the main advantage of using dynamic imports in this context?