Skip to content

Commit 2aa9c8f

Browse files
committed
Fix MUI deprecated
1 parent 6ce1278 commit 2aa9c8f

File tree

1 file changed

+12
-10
lines changed

1 file changed

+12
-10
lines changed

packages/jupyter-chat/src/components/input/chat-input.tsx

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -187,20 +187,20 @@ export function ChatInput(props: ChatInput.IProps): JSX.Element {
187187
<Autocomplete
188188
{...chatCommands.autocompleteProps}
189189
// ensure the autocomplete popup always renders on top
190-
componentsProps={{
190+
slotProps={{
191191
popper: {
192192
placement: 'top'
193193
},
194194
paper: {
195195
sx: {
196196
border: '1px solid lightgray'
197197
}
198-
}
199-
}}
200-
ListboxProps={{
201-
sx: {
202-
'& .MuiAutocomplete-option': {
203-
padding: 2
198+
},
199+
listbox: {
200+
sx: {
201+
'& .MuiAutocomplete-option': {
202+
padding: 2
203+
}
204204
}
205205
}
206206
}}
@@ -218,9 +218,11 @@ export function ChatInput(props: ChatInput.IProps): JSX.Element {
218218
onSelect={() =>
219219
(model.cursorIndex = inputRef.current?.selectionStart ?? null)
220220
}
221-
InputProps={{
222-
...params.InputProps,
223-
className: INPUT_COMPONENT_CLASS
221+
slotProps={{
222+
input: {
223+
...params.InputProps,
224+
className: INPUT_COMPONENT_CLASS
225+
}
224226
}}
225227
label={input.length > 2 ? helperText : ' '}
226228
/>

0 commit comments

Comments
 (0)