How to use dynamic importing on a Next.js route group

When having a set of data (json, ts) in a dynamic group: app/(blog-articles)/first.ts if you want to dynamically import it: let’s say that you’re using a useEffect with the dynamic import, Next.js throws an error

I’ve tried:

useEffect(()=>{
  const blogFound = await import(`./(blog-articles)/${params['blog-id'].ts`});

but it doesn’t work as Next.js throws an error, I’m actually figuring out the answer, check bellow.