test-crud/components/forms/AppMultiSearchInputSync.jsx

es una prueba acerca de como publicar un package name

import React, { useEffect } from 'react'
import MultiSearchInputSync from '../inputs/searchInput/MultiSearchInputSync'
import { useFormikContext } from 'formik'

function AppMultiSearchInputSync({ name, options, ...props }) {
  const {
    setFieldValue,
    setFieldTouched,
    errors,
    touched,
    values,
    initialValues,
  } = useFormikContext()

  useEffect(() => {
    if (initialValues[name] && initialValues[name].length > 0) {
      setFieldValue(name, initialValues[name])
      setFieldTouched(name, true)
    }
  }, [initialValues])

  const handleChange = (event, newValue) => {
    setFieldTouched(name, true)
    setFieldValue(name, newValue)
  }

  return (
    <div>
      <MultiSearchInputSync
        value={values[name]}
        options={options}
        onChange={handleChange}
        error={touched[name] && errors[name] ? true : false}
        helperText={touched[name] ? errors[name] : ''}
        {...props}
      />
    </div>
  )
}

export default AppMultiSearchInputSync