Skip to content

Support for React v18 #1326

@va-timorris

Description

@va-timorris

Thanks for filing a bug! To save time, if you're having trouble using the library, please check off the items you have tried. If you are just asking a question, skip right to the bottom.

Please verify these steps before filing an issue, and check them off as you go

  • The relevant native JavascriptEngineSwitcher library packages are installed (such as JavaScriptEngineSwitcher.V8.Native.win-x64)
  • The VC++ 2017 runtime is installed
  • The value of SetUseReact and SetUseBabel is correct in ReactConfig.cs or Startup.cs
  • I've looked at the sample projects in this repo to verify that my app is configured correctly

I'm using these library versions:

  • ReactJS.NET:
  • JavaScriptEngineSwitcher:
  • react and react-dom: (N/A if using bundled react, or version number)
  • webpack: (N/A if using bundled react)
  • node: (N/A if using bundled react)

Runtime environment:

  • OS: (Mac, Windows, Linux flavor. Include 32-bit/64-bit and version)
  • .NET Framework or .NET Core Version:

Steps to reproduce

In Startup.cs:

app.UseReact(config => {
config
.SetReuseJavaScriptEngins(true)
.SetLoadBabel(false)
.SetLoadReact(false)
.SetReactAppBuildPath("~/js/webpacked/react");
});

... run npm install react@18.2.0 --save
... run npm install react-dom@18.2.0 --save

I've updated my version of react and react-dom to 18.2.0 -- It seems that this breaks React.NET with the following error:

ReactDOM.hydrate is no longer supported in React 18. Use hydrateRoot 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

The current version of React.NET is pretty old - is this being updated to support React 18?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions