기존에 타입스크립트로 작성 전에는 아래처럼 작성했다.
const page1 = lazy(() => import('./page/page1'));
그러나 타입스크립트로 작성하면 작동되지 않아 찾아본 결과 아래처럼 작성하여 해결되었다.
const page1 = lazy(() =>
import('./page/page1')
.then(({ page1 }) => ({ default: page1 })),
);
그리고 불러오는 대상 파일에 export default class { ... } 이렇게 되어 있는 부분에서 default를 삭제하고 내보냈다.