fix: Minimum pledge amount is not correctly rendered

[apsinghdev]

fixes: #4238

This PR fixes the default value of Minimum funding amount not getting updated bug. With these changes, the value of the Minimum pledge amount is not defaulting to 20 across rerenders.

Screen.Recording.2024-10-22.at.12.38.02.AM.mov

I think it fixes the bug. @frankie567

[vercel]

@apsinghdev is attempting to deploy a commit to the polar-sh Team on Vercel.

A member of the Team first needs to authorize it.

[reynaldichernando]

I tested this, and it does work.
However, I'm still curious as to why changing the value props doesn't re-render the MoneyInput component.

[apsinghdev]

I tested this, and it does work. However, I'm still curious as to why changing the value props doesn't re-render the MoneyInput component.

By default, the value is assigned to internalValue using useState. So the value is set in the initial render but later on when the value of value changes useState doesn't cause a re-render because of its nature hence we get default value even after updating it. So a simple solution would be to use a useEffect to track the changes in value and keep it in sync with internalValue.

[apsinghdev]

@frankie567 I've fixed and updated this one too.

[frankie567]

Since we'll remove issue funding features, this fix is no longer required. Thank you for your time here 🙏