WARN "We can not support a function callback..."

[Brma1048]

Description

We expected no console warning with minimal Checkbox.Group usage.

CodeSandbox/Snack link

no link

Steps to reproduce

export const CheckboxScreen = () => {
   const [values, setValues] = useState(['test']);

   return (
      <View>
         <Checkbox.Group onChange={v => setValues(v)} defaultValue={values}>
            <Checkbox value={'test'}>Test</Checkbox>
         </Checkbox.Group>
         <Text>{values}</Text>
      </View>
   );
};

NativeBase Version

3.4.7

Platform

• [X] Android
• [ ] CRA
• [ ] Expo
• [X] iOS
• [ ] Next

Other Platform

No response

Additional Information

We are getting following warning "WARN We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320" when clicking the checkbox in the group. Without checkbox group there is no warning. Is this an issue or are we doing something wrong?

Versions:

• react-native: 0.67.4

[Krithikj20]

Hi @Brma1048 , Thank you for reporting this issue. we will look into it.

[pierrefrota]

I have the same problem here

[Hantex9]

Same problem here!

[SohaibKtb]

+1

[alexdarh]

+1

[victoruramayo]

+1

[quintana0004]

Same issue!

[jaboesch]

+1

[ErykDarnowski]

Having the same issue on:

• native-base: 3.4.8
• react-native: 0.68.2

[artomh]

Same issue. react-native 0.68.2, native-base 3.4.9

For now will disable on-screen warning with: LogBox.ignoreLogs([ "We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320", ]);

[thacherhussain]

+1 -- React Native 0.69.2, native base 3.4.9

[Klytoc]

+1 --react native 0.68 native base 3.4.12

[AlanSzuszkiewicz-RXO]

+1 -- react native 0.69.5 native base 3.4.13

[Shahzad6077]

I'm getting the same warning

+1 -- react native 0.69.5 native base 3.4.13

[dnairns-arch]

+1 -- react native 0.68.2 NativeBase 3.4.11

[aleksamrakovic]

+1 rn 0.70

[Aichnerc]

+1 -- react native 0.69.6 native base 3.4.16

[Ryan-cyi]

+1 react-native 0.70

[ttessman]

+1 react-native 0.69.4, native base ^3.4.13

[roquib]

+1 react-native 0.69.6, native base ^3.4.9

[KokoTa]

+1 react-native 0.70.1, native-base ^3.4.17

[sluucke]

+1 react native 0.69.6, native-base ^3.4.17

[PerryRylance]

Example from docs is broken because of this, manifesting as unexpected changes to the group state

[PerryRylance]

Having to source a third party checkbox because of a bug with a simple component, which has been around since June, or possibly longer. How utterly ridiculous is that?

3.4.17

[jjjjonathan]

+1 react-native 0.69.6, native-base ^3.4.19

[guidoabelleira]

+1 "react-native": "0.68.2" "native-base": "^3.4.6"

[kebele]

+1 nativebase 3.4.18 react-native 0.69.6

[XavierVilaRubio]

+1 "native-base": "^3.4.22", "react-native": "0.69.6"

[aozfen]

+1 "react": "18.0.0", "react-native": "0.69.4", "native-base": "^3.4.12"

[anckaertv]

+1 "react": "18.1.0", "react-native": "0.70.5", "native-base": "^3.4.6",

[Salman9000]

+1 "react": "18.1.0", "react-native": "0.70.5", "native-base": "^3.4.6",

[zahhaoui]

+1 "react": "18.0.0", "react-native": "0.69.6", "native-base": "^3.2.2",

[jkohlin]

+1 "react": "18.1.0", "react-native": "0.70.5", "native-base": "^3.4.25",

[OneHatRepo]

+1 "react": "^18.2.0", "native-base": "^3.4.25",

[Aichnerc]

Any news? Still present and kinda annoying.

[pd185197]

+1 "native-base": "3.4.9", "react": "17.0.2", "react-native": "0.68.2",

[aarabmed]

wow been 8 months and the issue still going

[ekediala]

+1 RN: 0.70.6 native base: 3.4.23

[KaikySantos]

Having the same issue on:

• native-base: 3.4.25
• react-native: 0.70.5

[WynstelleID]

+1

[hosalnajam]

1+

[arjun-rawal]

Having the same issue on:

• native-base: 3.4.25
• react-native: 0.71.3

[Vekt0r11]

+1

[JosephLu2022]

+1

[jaminitaa]

+1

[bielpatricio]

+1 "native-base": "^3.4.25", "react-native": "0.70.5",

[CortiPum]

+1

[txtwiz]

+1 "native-base": "^3.4.28", "react-native": "0.71.4",

[MaganAnkur]

I am facing the same issue in Switch component "native-base": "^3.4.12", "react-native": "0.71.1",

[iway1]

I'm getting this issue with <Checkbox.Group/> without even passing a callback anywhere

the Checkbox.Groups value prop is not respected in the onChange callback (although what's rendered in the UI does respect the value prop).

this can be worked around by using the onChange of the individual checkboxes and the value of the group component (don't use onChange in the group)