Блог

я пытаюсь реализовать динамический импорт в моем следующем проекте js

 import dynamic from 'next/dynamic'
import Link from 'next/link'

import { GetStaticProps, GetStaticPaths, GetServerSideProps } from 'next'

function getRandomInt(max) {
  return Math.floor(Math.random() * Math.floor(max));
}


export const getServerSideProps: GetServerSideProps = async (context) => {
    return {
        props: { 'type': getRandomInt(3)   1 ,
        }
    }
}

function Home({ type }) {
    const BodyDefault = dynamic(() => import(`components/${type}/a`));
    return (
        <div>
            <BodyDefault></BodyDefault>
            <Link href="/other">
                go to other
            </Link>
        </div>
    )
}

export default Home
  

он работает хорошо, но рендеринг на стороне сервера не работает!!

(я проверил это при отображении источника страницы в Chrome)

невозможно ли изменить динамический компонент импорта с помощью серверных реквизитов??

Спасибо