jsoncrack.com/src/containers/LiveEditor/CustomNode/TextNode.tsx

import React from "react";
import { CustomNodeProps } from ".";
import * as Styled from "./styles";

const BondNode: React.FC<CustomNodeProps<string>> = ({
  width,
  height,
  value,
  isParent = false,
}) => {
  return (
    <Styled.StyledForeignObject width={width} height={height} x={0} y={0}>
      <Styled.StyledTextWrapper>
        <Styled.StyledText width={width} height={height}>
          <Styled.StyledKey parent={isParent}>{value}</Styled.StyledKey>
        </Styled.StyledText>
      </Styled.StyledTextWrapper>
    </Styled.StyledForeignObject>
  );
};

export default BondNode;