How to use the react-dom/server.renderToStaticMarkup function in react-dom

}

        // to minim
        const minimNamespace = new Namespace();
        dataStructureElements = minimNamespace.fromRefract(dataStructureElements);

        renderedElement = React.createElement(Attributes, {
          element: dataStructureElements.first,
          dataStructures: dataStructureElements,
          collapseByDefault: false,
          maxInheritanceDepth: undefined,
          includedProperties: 'show',
          inheritedProperties: 'show',
        });

        htmlString = ReactDomServer.renderToStaticMarkup(renderedElement);
      });

},
            // actions
            {
                hello
            }
        );

        const context = {
            store: {
                name: 'ludafa'
            },
            dispatch
        };


        const result = ReactDOM.renderToStaticMarkup(
            
                
            
        );

        expect(result).toBe('<div>I am ludafa and I am 18</div>');


    });

function getResourceInfoHint() {
      const infoText = translate('project_validation.resource_id.info');

      if (typeof infoText !== 'string') { // if translate wrapped as react element
        let html = ReactDOMServer.renderToStaticMarkup(infoText);

        if (html) {
          // remove span wrapper if present
          let parts = html.split('<span>');
          html = parts[0] || parts[1];
          parts = html.split('</span>');
          html = parts[0];
          return html;
        }
      }
      return infoText;
    }

_renderRepCell: function (keyPrefix, reps) {
        var keys, services, tooltipContent;

        keys = Object.keys(reps);
        if (keys.length===0) return '';

        services = keys.map(function (key, idx) {
            return (
                <p>
                    <span>{key}: </span>
                    <span>{reps[key].text}</span>
                </p>
            );
        });

        tooltipContent = ReactDOMServer.renderToStaticMarkup(
            <div>
                {services}
            </div>
        );

        return (
            <span data-content="{tooltipContent}" data-placement="right" data-toggle="popover" data-container="body">
            </span>
        );
    },
    // Event Hanlders

it('works on a server', () => {
    const markup = ReactDOMServer.renderToStaticMarkup();
    expect(markup).toEqual('<svg class="im-on-a-server"></svg>');
  });

export default function render(tree: ReactElement) {
  return `${renderToStaticMarkup(tree)}`;
}

start_timer: true,
            tags: ["performance", "react_render"],
            message: "React element computed for `"+args.pathname+"`",
        }); 
        const element = page_section.section__element(args);
        timerlog({ 
            id: 'compute_element',
            end_timer: true,
        }); 
        timerlog({ 
            id: 'render_element',
            start_timer: true,
            tags: ["performance", "react_render"],
            message: "React element rendered to static markup for `"+args.pathname+"`",
        }); 
        const section_html = ReactDomServer.renderToStaticMarkup(element);
        timerlog({ 
            id: 'render_element',
            end_timer: true,
        }); 
        return section_html;
    }
}

export const computeValue = (component) => (
  parseInt(
    ReactDOMServer.renderToStaticMarkup(component)
    .match(/<.*?>(.*?)<\/.*?>/i)[1]
  )
)

export const getSvgNode = (chartElement, width = 660) => {
  const html = ReactDOMServer.renderToStaticMarkup(
    React.cloneElement(chartElement, {
      width: 660
    })
  )
  const template = document.createElement('template')
  template.innerHTML = html

  const svg = document.importNode(template.content.querySelector('svg'), true)
  svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg')
  svg.style.margin = '0 auto'
  return svg
}