dynamic library or module

[yanv1991]

Is there a way we can have dynamic modules, like https://loadable-components.com/docs/library-splitting/

I'm not sure if the actual implementation of dynamic is limited just for components

Thank you

[jamesmosier]

Next has dynamic imports

import dynamic from 'next/dynamic'

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

function Home() {
  return (
    <div>
      <Header />
      <DynamicComponent />
      <p>HOME PAGE is here!</p>
    </div>
  )
}

export default Home```

[yanv1991]

I know, but Does dynamic work for modules? For instance if you want to import moment.js dynamically

[jamesmosier]

Oh sorry, I misunderstood. It can work in a way:

const DynamicComponent = dynamic({
  loader: () => import('luxon'),
  render(props, luxon) {
    console.log(luxon.DateTime);
    return <div>hello</div>;
  },
});

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

To my knowledge, next/dynamic must return a component: