cybercris

#include <Adafruit_NeoPixel.h>

#include <IRremote.h>

#include <LiquidCrystal.h>

#define LED_PIN 8
#define LED_COUNT 12

Adafruit_NeoPixel strip(LED_COUNT, LED_PIN, NEO_GRB + NEO_KHZ800);

cybercris

{
  "compilerOptions": {
    "lib": ["DOM", "DOM.Iterable", "ESNext"],
    "allowJs": true,
    "jsx": "react-jsx",
    "noEmit": true,
    "strict": true,
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,

cybercris

    presets: ['module:babel-preset-expo'],
    plugins: [
      ["module:react-native-dotenv", {
        "moduleName": "@env",
        "path": ".env",
        "blacklist": null,
        "whitelist": null,
        "safe": false,
        "allowUndefined": true
      }]

cybercris

const valid = optionalRequiredSchema.isValidSync(state);

cybercris

function handleChange(e) {
    setState({ optionalObject: { otherData: e.target.value } });
    formik.setFieldValue("otherData", e.target.value);
}

cybercris

<form onSubmit={formik.handleSubmit}>
        <h5>Handling dynamic validation with formik and yup</h5>
        <div
          className="text"
          style={{ backgroundColor: valid ? "green" : "red" }}
        >
          Valid Data: {"" + valid}
        </div>
        <input
          type="text"

cybercris

const formik = useFormik({
    initialValues: {
      otherData: state.optionalObject.otherData
    },
    validationSchema: optionalRequiredSchema,
    onSubmit: values => {
      console.log(values);
    }
  });

cybercris

const [state, setState] = useState({
    optionalObject: {
      otherData: ""
    }
  });

cybercris

const optionalRequiredSchema = yup.object().shape({
  optionalObject: yup.lazy(value => {
    if (value !== undefined) {
      yup.mixed().notRequired();
    }
    return yup.object().shape({
      otherData: yup.string().required()
    });
  })
});