diff --git a/src/container/EdgeRenderer/MarkerSymbols.tsx b/src/container/EdgeRenderer/MarkerSymbols.tsx index 1606c124..2b9461f0 100644 --- a/src/container/EdgeRenderer/MarkerSymbols.tsx +++ b/src/container/EdgeRenderer/MarkerSymbols.tsx @@ -38,9 +38,13 @@ export function useMarkerSymbol(type: MarkerType) { const symbol = useMemo(() => { const symbolExists = MarkerSymbols.hasOwnProperty(type); - if (!symbolExists) { - console.warn(`[React Flow]: Marker type "${type}" doesn't exist. Help: https://reactflow.dev/error-decoder#900`); - return () => null; + if (process.env.NODE_ENV === 'development') { + if (!symbolExists) { + console.warn( + `[React Flow]: Marker type "${type}" doesn't exist. Help: https://reactflow.dev/error-decoder#900` + ); + return () => null; + } } return MarkerSymbols[type]; diff --git a/src/container/EdgeRenderer/index.tsx b/src/container/EdgeRenderer/index.tsx index 05d5becf..331f58c1 100644 --- a/src/container/EdgeRenderer/index.tsx +++ b/src/container/EdgeRenderer/index.tsx @@ -105,18 +105,20 @@ const EdgeRenderer = (props: EdgeRendererProps) => { const sourcePosition = sourceHandle?.position || Position.Bottom; const targetPosition = targetHandle?.position || Position.Top; - if (!sourceHandle) { - console.warn( - `[React Flow]: Couldn't create edge for source handle id: ${edge.sourceHandle}; edge id: ${edge.id}. Help: https://reactflow.dev/error-decoder#800` - ); - return null; - } + if (process.env.NODE_ENV === 'development') { + if (!sourceHandle) { + console.warn( + `[React Flow]: Couldn't create edge for source handle id: ${edge.sourceHandle}; edge id: ${edge.id}. Help: https://reactflow.dev/error-decoder#800` + ); + return null; + } - if (!targetHandle) { - console.warn( - `[React Flow]: Couldn't create edge for target handle id: ${edge.targetHandle}; edge id: ${edge.id}. Help: https://reactflow.dev/error-decoder#800` - ); - return null; + if (!targetHandle) { + console.warn( + `[React Flow]: Couldn't create edge for target handle id: ${edge.targetHandle}; edge id: ${edge.id}. Help: https://reactflow.dev/error-decoder#800` + ); + return null; + } } const { sourceX, sourceY, targetX, targetY } = getEdgePositions( diff --git a/src/container/NodeRenderer/index.tsx b/src/container/NodeRenderer/index.tsx index b7214c1c..0e011714 100644 --- a/src/container/NodeRenderer/index.tsx +++ b/src/container/NodeRenderer/index.tsx @@ -70,10 +70,12 @@ const NodeRenderer = (props: NodeRendererProps) => { {nodes.map((node) => { const nodeType = node.type || 'default'; - if (!props.nodeTypes[nodeType]) { - console.warn( - `[React Flow]: Node type "${nodeType}" not found. Using fallback type "default". Help: https://reactflow.dev/error-decoder#300` - ); + if (process.env.NODE_ENV === 'development') { + if (!props.nodeTypes[nodeType]) { + console.warn( + `[React Flow]: Node type "${nodeType}" not found. Using fallback type "default". Help: https://reactflow.dev/error-decoder#300` + ); + } } const NodeComponent = (props.nodeTypes[nodeType] || props.nodeTypes.default) as ComponentType; diff --git a/src/hooks/useResizeHandler.ts b/src/hooks/useResizeHandler.ts index 9f420e76..72670a59 100644 --- a/src/hooks/useResizeHandler.ts +++ b/src/hooks/useResizeHandler.ts @@ -16,10 +16,12 @@ function useResizeHandler(rendererNode: MutableRefObject) const size = getDimensions(rendererNode.current); - if (size.height === 0 || size.width === 0) { - console.warn( - '[React Flow]: The React Flow parent container needs a width and a height to render the graph. Help: https://reactflow.dev/error-decoder#400' - ); + if (process.env.NODE_ENV === 'development') { + if (size.height === 0 || size.width === 0) { + console.warn( + '[React Flow]: The React Flow parent container needs a width and a height to render the graph. Help: https://reactflow.dev/error-decoder#400' + ); + } } store.setState({ width: size.width || 500, height: size.height || 500 }); diff --git a/src/store/utils.ts b/src/store/utils.ts index 81b66b70..61db3f4b 100644 --- a/src/store/utils.ts +++ b/src/store/utils.ts @@ -141,9 +141,11 @@ export function createPositionChange({ ] : currentExtent; } else { - console.warn( - '[React Flow]: Only child nodes can use a parent extent. Help: https://reactflow.dev/error-decoder#500' - ); + if (process.env.NODE_ENV === 'development') { + console.warn( + '[React Flow]: Only child nodes can use a parent extent. Help: https://reactflow.dev/error-decoder#500' + ); + } currentExtent = nodeExtent; } } diff --git a/src/utils/graph.ts b/src/utils/graph.ts index 8fec64eb..4c6c5ba4 100644 --- a/src/utils/graph.ts +++ b/src/utils/graph.ts @@ -57,9 +57,11 @@ const connectionExists = (edge: Edge, edges: Edge[]) => { export const addEdge = (edgeParams: Edge | Connection, edges: Edge[]): Edge[] => { if (!edgeParams.source || !edgeParams.target) { - console.warn( - "[React Flow]: Can't create edge. An edge needs a source and a target. Help: https://reactflow.dev/error-decoder#600" - ); + if (process.env.NODE_ENV === 'development') { + console.warn( + "[React Flow]: Can't create edge. An edge needs a source and a target. Help: https://reactflow.dev/error-decoder#600" + ); + } return edges; } @@ -82,18 +84,22 @@ export const addEdge = (edgeParams: Edge | Connection, edges: Edge[]): Edge[] => export const updateEdge = (oldEdge: Edge, newConnection: Connection, edges: Edge[]): Edge[] => { if (!newConnection.source || !newConnection.target) { - console.warn( - "[React Flow]: Can't create a new edge. An edge needs a source and a target. Help: https://reactflow.dev/error-decoder#600" - ); + if (process.env.NODE_ENV === 'development') { + console.warn( + "[React Flow]: Can't create a new edge. An edge needs a source and a target. Help: https://reactflow.dev/error-decoder#600" + ); + } return edges; } const foundEdge = edges.find((e) => e.id === oldEdge.id) as Edge; if (!foundEdge) { - console.warn( - `[React Flow]: The old edge with id=${oldEdge.id} does not exist. Help: https://reactflow.dev/error-decoder#700` - ); + if (process.env.NODE_ENV === 'development') { + console.warn( + `[React Flow]: The old edge with id=${oldEdge.id} does not exist. Help: https://reactflow.dev/error-decoder#700` + ); + } return edges; }