BUG [v0.49.12] React Client: broken reactivity for React 18 (works fine with React 17)

[pwoloszun]

package.json

    "boardgame.io": "~0.49.12",
    "react": "~18.2.0",
    "react-dom": "~18.2.0",
    "@types/react": "~18.0.20",
    "@types/react-dom": "~18.0.6",
    "typescript": "~4.8.3",

It modifies redux state, BUT do not rerender react component.
Works fine with React 17.0.2

Code:

import type { Game } from "boardgame.io";
import { Client, BoardProps } from 'boardgame.io/react';

// game state
interface MyGameState {
  someValue: number;
}

const MyGame: Game<MyGameState> = {
  setup: () => {
    return { someValue: 1 };
  },

  moves: {
    someMove: (G, ctx) => {
      G.someValue += 1;
    },
  },
};

// board component
interface MyGameProps extends BoardProps<MyGameState> { }

function MyGameBoard(props: MyGameProps) {
  const { G, moves } = props;
  console.log('RERENDER:', props);

  return (
    <div>
      <p>Val: {G.someValue}</p>
      <button onClick={() => moves.someMove()}>Test</button>
    </div>
  );
}

// game client
const App = Client({
  game: MyGame,
  board: MyGameBoard,
});

// React 18: app bootstrap
import React from 'react';
import ReactDOM from 'react-dom/client';

ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

[nsaritzky]

I've been trying to figure out why my board wasn't re-rendering. Reverting to React 17 fixed it.

[pwoloszun]

I've been trying to figure out why my board wasn't re-rendering. Reverting to React 17 fixed it.

Yes it works with React 17.
Still its a bug in React 18.

[nsaritzky]

Right, I meant that only as a confirming anecdote.