Is it wrong to have a barrel file with only dynamic exports?

[Jotatag]

So, I have barrel files in my project, and even setting the webpack sideEffects: false flag, when I import dynamically a component from a barrel file, the module is mixed with another components in the chunks

ex: .../components/index.ts

export { Dolphin } from '@/components/dolphin'
export { Shark } from '@/components/shark'
...

and when I dynamically import in my component:

.../home.tsx

const Shark = dynamic(
  () => import('@/components').then((mod) => mod.Shark),
)

it get mixed in more than one chunk (even if I only use in the home.tsx), and loads when the page load, not on demand (this case a button click), even if it's dynamically imported:

but when I import only dynamically inside my component:

const Shark = dynamic(
  () => import('@/components/shark').then((mod) => mod.Shark),
)

it only stays in one chunk:

and it will import on demand, in this example a button click, the other way was importing when the page load even with dynamic.

So, is it wrong to have a barrel file with only dynamic exports?

ex: ../components/index.ts

import dynamic from 'next/dynamic'

export const Shark = dynamic(() =>
  import('@/components/shark').then((mod) => mod.Shark),
)
export const Dolphin = dynamic(() =>
  import('@/components/dolphin').then((mod) => mod.Dolphin),
)
...

../home.tsx
import { Shark } from '@/components'

It worked this way too and kept my code cleaner. Thanks.