Convert JSON Data to XML Convert JSON data to well-formed XML with customizable root and item tags.

The converter utilizes the `JSON.parse` method to parse the input JSON string into a JavaScript object, which is then passed to the recursive transformation function `jsonToXmlString`. This function employs a helper function `convert` to recursively traverse the object's properties and generate corresponding XML elements. For objects, it uses `Object.entries` to iterate over key-value pairs, sanitizing keys with the `sanitizeTag` function to replace invalid characters with underscores.

When encountering arrays, the converter maps each item to an XML element using the provided `itemTag`. Primitive values are converted to strings and wrapped in their respective parent elements. The `escapeXml` function replaces special characters in text content with standard XML entities, ensuring well-formed output. Null or undefined values result in self-closing empty elements.

The recursive transformation preserves the original JSON structure's nesting depth, with each level adding two spaces of indentation in the resulting XML string. This is achieved through the `pad` function, which generates the necessary whitespace based on the current recursion level. The final XML output includes an XML declaration specifying version 1.0 and UTF-8 encoding.

The converter also interacts with React components, specifically using `useState` to manage state for customizable root and item tags. These values are passed as arguments to the recursive transformation function, allowing users to control the resulting XML structure through input fields in the `TextToolLayout` component. The `useCallback` hook ensures that the `onProcess` function is recreated only when necessary, optimizing performance by minimizing unnecessary re-renders.