test-crud/components/forms/AppHtmlEditor.jsx

es una prueba acerca de como publicar un package name

import { useEffect, useRef, useState } from 'react'
import { useFormikContext } from 'formik'
//import HtmlEditor from 'components/controls/inputs/htmlEditor'

import dynamic from 'next/dynamic'

const HtmlEditor = dynamic(() => import('../inputs/htmlEditor/HtmlEditor'), {
  ssr: false,
})

export default function AppHtmlEditor({
  name,
  label,
  defaultValue = '',
  onBlur = null,
  onChange = null,
  ...rest
}) {
  const {
    setFieldValue,
    setFieldTouched,
    errors,
    touched,
    values,
    initialValues,
  } = useFormikContext()

  useEffect(() => {
    if (initialValues) {
      setFieldValue(name, values[name])
    }

    if (defaultValue) {
      setFieldValue(name, defaultValue)
    }
  }, [initialValues, defaultValue])

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

  return (
    <div>
      {label && <small htmlFor={name}>{label}:</small>}
      <HtmlEditor
        value={values[name]}
        onChange={handleChange}
        onBlur={() => setFieldTouched(name)}
      />
    </div>
  )
}