gistfile1.jsx

const dataAtom = atom({});

const Form = ({ code, name, categories, dimensions, setData, ...props }) => {
  const [code, setCode] = useState(() => code);
  const [name, setName] = useState(() => name);
  const [categories, setCategories] = useState(() => categories);
  const [dimensions, setDimensions] = useState(() => dimensions);
  
  const updateData = e => setData({
    code,
    name,
    categories,
    dimensions,
  });
  return (
    <form onSubmit={updateData} {...props}>
      ...your controls...
    </form>
  );
};

const App = () => {
  const [data, setData] = useAtom(dataAtom);

  return (
    <Form {...data} setData={setData} />
  );
};