#backstage custom plugins throws mui and react-dom error

7 messages · Page 1 of 1 (latest)

vernal flume
#

After using latest backstage code react 18 getting errors in custom plugin creation

vernal flume
#

@nimble heart IS backstage custom plugin creation works fine currently? I was stuck with this issue not able to create a front end plugin also not able to import any material-ui core features can you please help 🙏🏻 and take a look

#

Steps to reproduce:

yarn new

created a new frontend plugin
once plugins gets created access the plugin route example: localhost:3000/pluginname

#

Error screen

IMG_9186.jpg
nimble heart
#

Hi @vernal flume, this works for me. I'd need more details about your Backstage setup like what version you are on.

  1. Ran npx @backstage/create-app@latest with the name dev-plugin
  2. Changed directory to plugin-dev
  3. Ran yarn dev to make sure everything worked, then stopped the process
  4. Ran yarn new
  5. Picked "plugin - A new frontend plugin"
  6. Gave it the name front-example
  7. Ran yarn dev again
  8. Navigated to: http://localhost:3000/front-example

Resulting in this:

vernal flume
#

@nimble heart iam not using npx backstage . Iam using backstage repo latest code which is forked from backstage/backstage