> ## Documentation Index
> Fetch the complete documentation index at: https://developer.suki.ai/llms.txt
> Use this file to discover all available pages before exploring further.
# Write Dictation Text to an EHR Field
> Use DictationClient onSubmit to write final dictation text into an EHR chart field
**Problem:** Dictation records, but the EHR chart field does not update on submit.
**Solution:** Pass `onSubmit` to `DictationClient.show` (or ``) and write `text` into the field for `fieldId`.
This cookbook assumes you already have your Partner ID, Partner Token, and the other prerequisites for the Dictation SDK.
```javascript theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
import { SukiAuthManager } from "@suki-sdk/core";
import { DictationClient } from "@suki-sdk/dictation";
const authManager = new SukiAuthManager({
partnerId: "YOUR_PARTNER_ID",
partnerToken: "YOUR_PARTNER_TOKEN",
environment: "staging",
loginOnInitialize: true,
providerId: "1234567890",
providerName: "Jane Doe",
providerOrgId: "1234",
});
const dictationClient = new DictationClient({ authManager });
await dictationClient.show({
mode: "in-field",
fieldId: "clinical-notes",
rootElement: document.getElementById("clinical-notes-field-root-element-id"),
initialText: "",
onSubmit: ({ fieldId, text }) => {
const el = document.getElementById(fieldId);
if (el) el.value = text;
},
onCancel: ({ fieldId }) => {
console.log("Cancelled", fieldId);
},
});
```
```jsx theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
import { useEffect, useMemo, useRef, useState } from "react";
import { SukiAuthManager } from "@suki-sdk/core";
import { DictationClient } from "@suki-sdk/dictation";
import { DictationProvider, Dictation } from "@suki-sdk/dictation-react";
export function NotesWithDictation() {
const rootRef = useRef(null);
const [rootElement, setRootElement] = useState(null);
const [notes, setNotes] = useState("");
const client = useMemo(() => {
const authManager = new SukiAuthManager({
partnerId: "YOUR_PARTNER_ID",
partnerToken: "YOUR_PARTNER_TOKEN",
environment: "staging",
loginOnInitialize: true,
providerId: "1234567890",
providerName: "Jane Doe",
providerOrgId: "1234",
});
return new DictationClient({ authManager });
}, []);
useEffect(() => {
setRootElement(rootRef.current);
}, []);
return (