alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(node-toolbar): define zustand selector outside of the component

Browse Source
This commit is contained in:
moklick
2022-11-16 18:28:25 +01:00
parent 96e53e4408
commit 1841dfa2ca
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/node-toolbar/src/NodeToolbarPortal.tsx
+3 -1
View File
@@ -2,8 +2,10 @@ import { ReactNode } from 'react';
import { createPortal } from 'react-dom'; import { createPortal } from 'react-dom';
import { ReactFlowState, useStore } from '@reactflow/core'; import { ReactFlowState, useStore } from '@reactflow/core';
const selector = (state: ReactFlowState) => state.domNode?.querySelector('.react-flow__renderer');
function NodeToolbarPortal({ children }: { children: ReactNode }) { function NodeToolbarPortal({ children }: { children: ReactNode }) {
const wrapperRef = useStore((state: ReactFlowState) => state.domNode?.querySelector('.react-flow__renderer')); const wrapperRef = useStore(selector);
if (!wrapperRef) { if (!wrapperRef) {
return null; return null;