WP-тема SPA на основе React act_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ не определена ⇐ Javascript

[Anonymous]

Я пытаюсь создать собственную WP-тему на основе реагирования для SPA.
Версии:
Wordpress: 6.7.1.
React: 18.0.0
Npm: 10.8.2
Узел: 18.20.5
Файл function.php моих установок Wordpress содержит «render-react» — Div, в который я хочу визуализировать свои реагирующие компоненты.

Код: Выделить всё

Я могу получить div через селектор запросов и создать корень. Однако, когда я пытаюсь что-либо визуализировать, я получаю сообщение об ошибке.

Код: Выделить всё

import "./styles/main.scss"
import React from "react"
import ReactDOM from "react-dom/client"

// Render the React Component
console.log("test1");
var rootElement = document.querySelector("#render-react");
console.log(rootElement);
const root = ReactDOM.createRoot(rootElement);
root.render(Hello, world); // 

Подробнее здесь: [url]https://stackoverflow.com/questions/79357066/react-based-spa-wp-theme-react-jsx-runtime-webpack-imported-module-4-is-undef[/url]