next/dynamic not recognizing referenced objects

What version of Next.js are you using?

12.0.7

What version of Node.js are you using?

16.13.1

What browser are you using?

What operating system are you using?

Windows (Docker Node.js devcontainer)

How are you deploying your application?

Describe the Bug

When using next/dynamic this way:

const dynamicProps = {
  loading: () => <Loading />,
  ssr: false,
};

const LoginView = dynamic(
  () => import('@/components/auth/LoginView'),
  dynamicProps,
);

I get the following error:

Error: error: next/dynamic options must be an object literal.

But just using an spread operator solves the issue:

const dynamicProps = {
  loading: () => <Loading />,
  ssr: false,
};

const LoginView = dynamic(() => import('@/components/auth/LoginView'), {
  ...dynamicProps,
});

Seems that SWC is failing to recognize and transform the variable

Expected Behavior

I expect the app to build and parse correctly the dynamic options

To Reproduce

const dynamicProps = {
  loading: () => <Loading />,
  ssr: false,
};

const LoginView = dynamic(
  () => import('@/components/auth/LoginView'),
  dynamicProps,
);

[luisorbaiceta]

I know, as I’ve said in the description you can trick the compiler by spreading the variable. But I don’t think this should be intended behavior

[MikeDupree]

https://nextjs.org/docs/messages/invalid-dynamic-options-type

You can get it working by updating the Layout.tsx files dynamic imports to be

const Loading = () => (
  <div className="w-80 h-80 flex items-center text-center justify-center p-3">
    <LoadingDots />
  </div>
)

const SignUpView = dynamic(
  () => import('@components/auth/SignUpView'),
  {
    loading: Loading
  }
)

const ForgotPassword = dynamic(
  () => import('@components/auth/ForgotPassword'),
  {
    loading: Loading
  }
)

const FeatureBar = dynamic(
  () => import('@components/common/FeatureBar'),
  {
    loading: Loading
  }
)

const Modal = dynamic(
  () => import('@components/ui/Modal'),
  {
    loading: Loading,
    ssr: false
  }
)