cannot find module when deploying in vercel

[toy-crane]

when i build in local, there is no issue.
but deploy in vercel, module import error occur 😭😭

//tsconfig.json
{
	"compilerOptions": {
		"target": "es5",
		"lib": ["dom", "dom.iterable", "esnext"],
		"allowJs": true,
		"skipLibCheck": true,
		"strict": true,
		"forceConsistentCasingInFileNames": true,
		"noEmit": true,
		"esModuleInterop": true,
		"module": "esnext",
		"moduleResolution": "node",
		"resolveJsonModule": true,
		"isolatedModules": true,
		"jsx": "preserve",
		"rootDirs": ["src"],
		"baseUrl": "src"
	},
	"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
	"exclude": ["node_modules"]
}

//index.ts
// Atoms
export { default as Avatar } from "./atoms/avatar";
export { default as Logo } from "./atoms/logo";
export { default as Icon } from "./atoms/icon";
export { default as Button } from "./atoms/button";
export { default as Badge } from "./atoms/badge";
export { default as CheckBox } from "./atoms/checkBox";
export { default as Divider } from "./atoms/divider";
export { default as Input } from "./atoms/input";
export { default as Label } from "./atoms/label";
export { default as Link } from "./atoms/link";
export { default as Select } from "./atoms/select";
export { default as Radio } from "./atoms/radio";
export { default as Image } from "./atoms/image";
export { Heading, Text } from "./atoms/typography";

// molecules
export { default as Drawer } from "./molecules/drawer";
export { default as EpilogueCard } from "./molecules/epilogueCard";
export { default as FormInput } from "./molecules/formInput";
export { default as NavigationMenu } from "./molecules/navigationMenu";
export { default as NavigationBar } from "./molecules/navigationBar";
export { default as ChallangeCard } from "./molecules/ChallangeCard";
export { default as ChallangeContent } from "components/molecules/ChallangeContent";

// organisms
export { default as Footer } from "./organisms/footer";
export { default as DrawerGrid } from "./organisms/drawerGrid";
export { default as EPCardGrid } from "./organisms/epilogueCardGrid";
export { default as CHCardGrid } from "./organisms/challangeCardGrid";
export { default as Hero } from "./organisms/hero";

// challangeCardGrid/index.tsx

import { ChallangeCard } from "components";
import { CHCardProps } from "components/molecules/ChallangeCard";
import * as S from "./style";

interface Props {
	CHCards: CHCardProps[];
}

const ChallangeCardGrid = ({ CHCards }: Props) => (
	<S.Wrapper>
		{CHCards.map((CHCard) => (
			<ChallangeCard {...CHCard}></ChallangeCard>
		))}
	</S.Wrapper>
);
export default ChallangeCardGrid;

Is anyone experiencing the same problem?