BenBroide

<?php
function sgf_meta_fields() {
	$fields_array = apply_filters( 'sgf_register_fields', [] );
	foreach ( $fields_array as $field ) {
		// Ensure post type exists and field name is valid
		if ( ! $field['post_type'] || ! post_type_exists( $field['post_type'] ) || ! $field['meta_key'] || ! is_string( $field['meta_key'] ) ) {
			return;
		}

		// Using Null Coalesce Operator to set defaults

BenBroide

const {withSelect, withDispatch, useSelect} = wp.data
const { TextControl} = wp.components

const RepeaterControlHoc = ({field}) => {
    const {meta_key, label, show_in_rest} = field

    let arrayValues = useSelect(
        select => select('core/editor').getEditedPostAttribute('meta')?.[meta_key]
    );

BenBroide

cd /your/instllation/path/wp-content/plugins

// Create custom plugin
wp scaffold plugin wp-create-react-app-concept --activate --skip-tests
cd wp-create-react-app-concept

// We need only react-plugin.php for our demo - deleting all other files  
ls | grep -v wp-create-react-app-concept.php | xargs rm

// Create React App

BenBroide

<?php
/**
 * Plugin Name:     WordPress React Create App
 * Description:     Load React app in WorePress Admin concept
 * Author:          Ben Broide
 * Text Domain:     react-plugin
 * Domain Path:     /languages
 * Version:         0.1.0
 *
 * @package         React_Plugin

BenBroide

<?php
/**
 * Plugin Name:     WordPress React Create App
 * Description:     Load React app in WorePress Admin concept
 * Author:          Ben Broide
 * Text Domain:     react-plugin
 * Domain Path:     /languages
 * Version:         0.1.0
 *
 * @package         React_Plugin

BenBroide

<?php
/**
 * Plugin Name:     WordPress React Create App
 * Description:     Load React app in WorePress Admin concept
 * Author:          Ben Broide
 * Text Domain:     react-plugin
 * Domain Path:     /languages
 * Version:         0.1.0
 *
 * @package         React_Plugin

BenBroide

import React from 'react'
import ReactDOM from 'react-dom'
import './index.css'
import App from './App'
import * as serviceWorker from './serviceWorker'

const reactAppData = window.rpReactPlugin || {}
const { appSelector } = reactAppData
const appAnchorElement = document.querySelector(appSelector)

BenBroide

import React from 'react'
import ReactDOM from 'react-dom'
import './index.css'
import App from './App'
import * as serviceWorker from './serviceWorker'

const reactAppData = window.rpReactPlugin || {}
const { appSelector } = reactAppData
const appAnchorElement = document.querySelector(appSelector)

BenBroide

{
  "homepage": "/wp-content/plugins/wp-create-react-app-concept/react-app/build",
  "name": "react-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "react": "^16.13.1",

BenBroide

<?php
/**
 * Plugin Name:     WordPress React Create App
 * Description:     Load React app in WorePress Admin concept
 * Author:          Ben Broide
 * Text Domain:     react-plugin
 * Domain Path:     /languages
 * Version:         0.1.0
 *
 * @package         React_Plugin