Ripple does not respect Border Radius on buttons in 5.0.0-rc.6

[NathanC]

Current behaviour

In 5.0.0-rc.6, buttons are rounded by default. I don't like the rounded look personally, so tried to set the border radius to 0 (or low at least).

The button border radius changes (for example, for a contained button), but the ripple is still rounded, looking strange when pressed

This is the inverse of an old bug: #1342

Expected behaviour

The ripple on the button follows the borderRadius style

Reproduction

https://snack.expo.dev/A4FEbJrFh

Your Environment

software	version
android	13
react-native	0.69.5
react-native-paper	5.0.0-rc.6
expo sdk	46.0.9

[github-actions]

Hey! Thanks for opening the issue. The issue doesn't seem to contain a link to a repro (a snack.expo.dev link or link to a GitHub repo under your username).

Can you provide a minimal repro which demonstrates the issue? A repro will help us debug the issue faster. Please try to keep the repro as small as possible and make sure that we can run it without additional setup.

[github-actions]

Couldn't find version numbers for the following packages in the issue:

• react-native-vector-icons
• expo

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

• react-native (found: 0.69.5, latest: 0.70.1)
• react-native-paper (found: 5.0.0-rc.6, latest: 4.12.4)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

[NathanC]

Thanks @dakshbhardwaj for the quick fix! Always fun to see nullish coalescing in the wild.

[dakshbhardwaj]

Thanks @dakshbhardwaj for the quick fix! Always fun to see nullish coalescing in the wild.

Thank you @NathanC