Bug - Deploy failed with docker-compose according to the official manual

[delapecci]

Description

Deploy failed with docker-compose according to the official manual

Has the bug been reported before

No

Expected Behaviour

It should work and deploy successfully.

Actual Behaviour

Deploy process failed and got the following output on console:

....
#23 [ballerine-kyb-app dev 7/7] RUN npm run build
#23 0.174
#23 0.174 > @ballerine/kyb-app@0.3.37 build
#23 0.174 > tsc && vite build
#23 0.174
#23 2.674 src/common/components/atoms/SelectInput/SelectInput.tsx(47,11): error TS2322: Type '{ children: (string | Element)[]; variant: string; role: "combobox"; className: string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 2.674 src/components/organisms/UIRenderer/elements/ButtonUI/ButtonUIElement.tsx(11,13): error TS2322: Type '{ children: string; variant: string; onClick: () => void; disabled: boolean; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 2.674 src/components/organisms/UIRenderer/elements/SubmitButton/SubmitButton.tsx(96,7): error TS2322: Type '{ children: string; variant: string; onClick: () => void; disabled: boolean; "data-testid": string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 2.674 src/pages/CollectionFlow/components/pages/Approved/Approved.tsx(34,21): error TS2322: Type '{ children: DefaultTFuncReturn; variant: string; onClick: () => void; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 2.674 src/pages/CollectionFlow/components/pages/Success/Success.tsx(34,21): error TS2322: Type '{ children: DefaultTFuncReturn; variant: string; onClick: () => void; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 ERROR: process "/bin/sh -c npm run build" did not complete successfully: exit code: 2

#19 [ballerine-case-managment dev 4/7] RUN npm install --legacy-peer-deps
#19 CANCELED

#22 [ballerine-workflows-dashboard dev 4/7] RUN npm install --legacy-peer-deps
#22 CANCELED
------
 > [ballerine-kyb-app dev 7/7] RUN npm run build:
2.674 src/common/components/atoms/SelectInput/SelectInput.tsx(47,11): error TS2322: Type '{ children: (string | Element)[]; variant: string; role: "combobox"; className: string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
2.674 src/components/organisms/UIRenderer/elements/ButtonUI/ButtonUIElement.tsx(11,13): error TS2322: Type '{ children: string; variant: string; onClick: () => void; disabled: boolean; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
2.674 src/components/organisms/UIRenderer/elements/SubmitButton/SubmitButton.tsx(96,7): error TS2322: Type '{ children: string; variant: string; onClick: () => void; disabled: boolean; "data-testid": string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
2.674 src/pages/CollectionFlow/components/pages/Approved/Approved.tsx(34,21): error TS2322: Type '{ children: DefaultTFuncReturn; variant: string; onClick: () => void; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
2.674 src/pages/CollectionFlow/components/pages/Success/Success.tsx(34,21): error TS2322: Type '{ children: DefaultTFuncReturn; variant: string; onClick: () => void; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
------
failed to solve: process "/bin/sh -c npm run build" did not complete successfully: exit code: 2

Environment

• Node version: 18.17.1
• on Mac M2 in arch x86

Steps to Reproduce

1. Just run deploy command according the steps on the official website :

git clone https://github.com/ballerine-io/ballerine.git && cd ballerine

git checkout dev

docker-compose -f deploy/docker-compose-build.yml up -d

2. Deploy process failed because of:

#23 [ballerine-kyb-app dev 7/7] RUN npm run build
#23 0.174
#23 0.174 > @ballerine/kyb-app@0.3.37 build
#23 0.174 > tsc && vite build
#23 0.174
#23 2.674 src/common/components/atoms/SelectInput/SelectInput.tsx(47,11): error TS2322: Type '{ children: (string | Element)[]; variant: string; role: "combobox"; className: string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 2.674 src/components/organisms/UIRenderer/elements/ButtonUI/ButtonUIElement.tsx(11,13): error TS2322: Type '{ children: string; variant: string; onClick: () => void; disabled: boolean; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 2.674 src/components/organisms/UIRenderer/elements/SubmitButton/SubmitButton.tsx(96,7): error TS2322: Type '{ children: string; variant: string; onClick: () => void; disabled: boolean; "data-testid": string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 2.674 src/pages/CollectionFlow/components/pages/Approved/Approved.tsx(34,21): error TS2322: Type '{ children: DefaultTFuncReturn; variant: string; onClick: () => void; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 2.674 src/pages/CollectionFlow/components/pages/Success/Success.tsx(34,21): error TS2322: Type '{ children: DefaultTFuncReturn; variant: string; onClick: () => void; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
#23 ERROR: process "/bin/sh -c npm run build" did not complete successfully: exit code: 2

#19 [ballerine-case-managment dev 4/7] RUN npm install --legacy-peer-deps
#19 CANCELED

#22 [ballerine-workflows-dashboard dev 4/7] RUN npm install --legacy-peer-deps
#22 CANCELED
------
 > [ballerine-kyb-app dev 7/7] RUN npm run build:
2.674 src/common/components/atoms/SelectInput/SelectInput.tsx(47,11): error TS2322: Type '{ children: (string | Element)[]; variant: string; role: "combobox"; className: string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
2.674 src/components/organisms/UIRenderer/elements/ButtonUI/ButtonUIElement.tsx(11,13): error TS2322: Type '{ children: string; variant: string; onClick: () => void; disabled: boolean; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
2.674 src/components/organisms/UIRenderer/elements/SubmitButton/SubmitButton.tsx(96,7): error TS2322: Type '{ children: string; variant: string; onClick: () => void; disabled: boolean; "data-testid": string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
2.674 src/pages/CollectionFlow/components/pages/Approved/Approved.tsx(34,21): error TS2322: Type '{ children: DefaultTFuncReturn; variant: string; onClick: () => void; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
2.674 src/pages/CollectionFlow/components/pages/Success/Success.tsx(34,21): error TS2322: Type '{ children: DefaultTFuncReturn; variant: string; onClick: () => void; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
2.674   Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
------
failed to solve: process "/bin/sh -c npm run build" did not complete successfully: exit code: 2

Any possible solutions

Try change strict: false in tsconfig.eslint.json to avoid such warning, but failed... 😣
Need team kind help!

[Mithila-Panagoda]

I am also facing this error

[WFA-juliver]

I'm getting same error, any fixes?