node-render.ts

/**
 * @license
 * Copyright 2022 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */

// This file will be loaded by Node from the node:test script to verify that
// wrapped components can be server rendered by React.

import {createComponent} from '@lit-labs/react';
import {ReactiveElement} from '@lit/reactive-element';
import {customElement} from '@lit/reactive-element/decorators/custom-element.js';
import React from 'react';
import {renderToString} from 'react-dom/server.js';

@customElement('my-element')
class MyElement extends ReactiveElement {}

const Component = createComponent({
  react: React,
  tagName: 'my-element',
  elementClass: MyElement,
});

renderToString(React.createElement(Component));