Quiero deshabilitar la representación de un componente dentro de la biblioteca formik de react.js aquí hay un ejemplo de la estructura del código que tengo actualmente
<formik initialValue={{ "show":false }}> return ( <button name="showbtn" onclick={setFieldValue("show",true)}/> {values?.show ? ( <Text>Hello</Text> ) : null} <Rerenderedcomponent /> //no prop passed here ) </formik>Y aquí hay un ejemplo de mi archivo de componente Rerenderizado
function Rerenderedcomponent() { const callingAPI = useCallback(()=>response,[]) } export default React.memo(Rerenderedcomponent) Ahora, mientras hago clic en el botón (name showbtn ), el valor del campo formik "show" se actualiza, pero mi componente ( Rerenderedcomponent ) también se vuelve a generar y, por lo tanto, se vuelve a llamar a la API que contiene.
Lo intenté configurando enableReinitialize={false} pero nada funciona
¿Es posible evitar esta representación del componente ( Rerenderedcomponent ) en la actualización del campo formik?
PD: - El componente debe permanecer dentro de la etiqueta formik solamente