InertiaJS + React v.18

[MartinLindalHansen]

According to:

ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it’s running React 17. Learn more: https://reactjs.org/link/switch-to-createroot

// Before

import { render } from 'react-dom';
const container = document.getElementById('app');
render(<App tab="home" />, container);

// After

import { createRoot } from 'react-dom/client';
const container = document.getElementById('app');
const root = createRoot(container); // createRoot(container!) if you use TypeScript
root.render(<App tab="home" />);

I might be wrong, but this seems to me it is supposed to change within Interia.JS - as we are using the '@inertia' tag ?

[mpavel]

Here's how I set it up:

import './bootstrap';

import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import { App, createInertiaApp } from '@inertiajs/inertia-react';

const rootElement: any = document.getElementById('app');
const root = createRoot(rootElement);

createInertiaApp({
  resolve: (name: string) => {
    return import(`./Pages/${name}`);
  },
  setup({ el, App, props }) {
    root.render(<StrictMode><App {...props} /></StrictMode>);
  },
});