vite preview mode

viewer/.env

@@ -15,6 +15,7 @@ VITE_DESCOPE_PROJECT_ID=P2wON5fy1K6kyia269VpeIzYP8oP
 VITE_DESCOPE_FLOW_ID=sign-up-with-password-standard
 
 VITE_DESCOPE_USER_PROFILE_WIDGET_ID=user-profile-widget-standard
+
 # Descope base URL
 DESCOPE_BASE_URL=""
 # Descope base static URL

viewer/src/components/DynamicForm.tsx

@@ -59,9 +59,10 @@ export function DynamicForm({
 	};
 
 	const renderField = (field: FeedbackField) => {
+		const value = String(formData[field.id] ?? "");
 		const commonProps = {
 			id: field.id,
-			value: formData[field.id] ?? "",
+			value: value,
 			disabled: field.readOnly,
 		};
 

viewer/src/components/DynamicTable.tsx

@@ -375,8 +375,8 @@ export function DynamicTable<TData extends BaseData>({
 											<div
 												role="slider"
 												aria-label={`컬럼 너비 조절: ${header.id}`}
-												aria-valuemin={header.column.minSize}
-												aria-valuemax={header.column.maxSize}
+												aria-valuemin={header.column.columnDef.minSize}
+												aria-valuemax={header.column.columnDef.maxSize}
 												aria-valuenow={header.column.getSize()}
 												tabIndex={0}
 												onMouseDown={header.getResizeHandler()}

viewer/src/components/Header.tsx

@@ -50,8 +50,6 @@ export function Header() {
 		return `/projects/${projectId}/channels/${channelId}${basePath}`;
 	};
 
-	const homePath = projectId ? `/projects/${projectId}` : "/";
-
 	return (
 		<header className="border-b">
 			<div className="container mx-auto flex h-16 items-center">

viewer/src/main.tsx

@@ -15,7 +15,7 @@ ReactDOM.createRoot(document.getElementById("root")!).render(
 	<React.StrictMode>
 		<BrowserRouter>
 			<AuthProvider projectId={projectId}>
-				<ThemeProvider defaultTheme="dark" storageKey="vite-ui-theme">
+				<ThemeProvider>
 					<App />
 				</ThemeProvider>
 			</AuthProvider>

viewer/src/pages/FeedbackListPage.tsx

@@ -51,13 +51,13 @@ export function FeedbackListPage() {
 		fetchSchemaAndFeedbacks();
 	}, [projectId, channelId]);
 
-	const handleRowClick = (row: Feedback) => {
+	const handleRowClick = (row: any) => {
 		navigate(
 			`/projects/${projectId}/channels/${channelId}/feedbacks/${row.id}`,
 		);
 	};
 
-	const renderExpandedRow = (row: Row<Feedback>) => (
+	const renderExpandedRow = (row: Row<any>) => (
 		<div className="p-4 bg-muted rounded-md">
 			<h4 className="font-bold text-lg mb-2">{row.original.title}</h4>
 			<p className="whitespace-pre-wrap">{row.original.contents}</p>
@@ -68,6 +68,11 @@ export function FeedbackListPage() {
 		return <div className="text-center py-10">로딩 중...</div>;
 	}
 
+	const tableData = feedbacks.map(item => ({
+		...item,
+		updatedAt: item.updatedAt || new Date().toISOString(),
+	}));
+
 	return (
 		<PageLayout
 			title="피드백 목록"
@@ -84,7 +89,7 @@ export function FeedbackListPage() {
 			{schema && (
 				<DynamicTable
 					columns={schema}
-					data={feedbacks}
+					data={tableData}
 					onRowClick={handleRowClick}
 					renderExpandedRow={renderExpandedRow}
 					projectId={projectId}