diff --git a/packages/react/src/components/A11yDescriptions/index.tsx b/packages/react/src/components/A11yDescriptions/index.tsx
index 4931ada0..6f08447e 100644
--- a/packages/react/src/components/A11yDescriptions/index.tsx
+++ b/packages/react/src/components/A11yDescriptions/index.tsx
@@ -36,18 +36,15 @@ function AriaLiveMessage({ rfId }: { rfId: string }) {
export function A11yDescriptions({ rfId, disableKeyboardA11y }: { rfId: string; disableKeyboardA11y: boolean }) {
const labelConfig = useStore(labelConfigSelector);
- const nodeDesc = disableKeyboardA11y
- ? labelConfig['a11yDescription.node.default']
- : labelConfig['a11yDescription.node.keyboardDisabled'];
- const edgeDesc = labelConfig['a11yDescription.edge.default'];
-
return (
<>
- {nodeDesc}
+ {disableKeyboardA11y
+ ? labelConfig['a11yDescription.node.default']
+ : labelConfig['a11yDescription.node.keyboardDisabled']}
- {edgeDesc}
+ {labelConfig['a11yDescription.edge.default']}
{!disableKeyboardA11y && }
>
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index d53ef414..8ac50a09 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -40,7 +40,7 @@ export function NodeWrapper({
nodeClickDistance,
onError,
}: NodeWrapperProps) {
- const { node, internals, isParent, labelConfig } = useStore((s) => {
+ const { node, internals, isParent } = useStore((s) => {
const node = s.nodeLookup.get(id)! as InternalNode;
const isParent = s.parentLookup.has(id);
@@ -48,7 +48,6 @@ export function NodeWrapper({
node,
internals: node.internals,
isParent,
- labelConfig: s.labelConfig,
};
}, shallow);
@@ -143,6 +142,8 @@ export function NodeWrapper({
// prevent default scrolling behavior on arrow key press when node is moved
event.preventDefault();
+ const { labelConfig } = store.getState();
+
store.setState({
ariaLiveMessage: labelConfig['a11yDescription.ariaLiveMessage']({
direction: event.key.replace('Arrow', '').toLowerCase(),