예제 참고해서 작업하고 있었는데, 내부적으로 children props 를 허용하지 않게 되어 있는지 오류가 표시되네요.
혹시나 제가 잘못 사용하고 있나 싶어서 예제에 있는 코드를 그대로 붙여넣어봐도 같은 오류가 표시되요.
(<> 표시는 실제로 값이 입력되어 있음)
{
"name": "<>",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "granite dev",
"build": "granite build",
"lint": "eslint .",
"preview": "vite preview",
"deploy": "ait deploy"
},
"dependencies": {
"@apps-in-toss/web-framework": "^1.3.0",
"@emotion/react": "^11",
"@toss/tds-colors": "^0.1.0",
"@toss/tds-mobile": "^2.1.2",
"@toss/tds-mobile-ait": "^2.1.2",
"react": "^19.1.1",
"react-dom": "^19.1.1"
},
"devDependencies": {
"@eslint/js": "^9.36.0",
"@types/node": "^24.6.0",
"@types/react": "^19.1.16",
"@types/react-dom": "^19.1.9",
"@vitejs/plugin-react-swc": "^4.1.0",
"eslint": "^9.36.0",
"eslint-plugin-react-hooks": "^5.2.0",
"eslint-plugin-react-refresh": "^0.4.22",
"globals": "^16.4.0",
"typescript": "~5.9.3",
"typescript-eslint": "^8.45.0",
"vite": "^7.1.7"
}
}
import { defineConfig } from "@apps-in-toss/web-framework/config";
export default defineConfig({
appName: "<>",
brand: {
displayName: "<>",
primaryColor: "<>",
icon: "<>",
bridgeColorMode: "basic",
},
web: {
host: "192.168.0.<>",
port: 5173,
commands: {
dev: "vite --host",
build: "tsc -b && vite build",
},
},
permissions: [],
outdir: "dist",
});
