backstage: export 'startTransition' (imported as 'React') was not found in 'react'

📜 Description

WARNING in …/…/node_modules/react-router-dom/dist/index.js 269:33-54 [0] export ‘startTransition’ (imported as ‘React’) was not found in ‘react’ (possible exports: Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, cloneElement, createContext, createElement, createFactory, createRef, forwardRef, isValidElement, lazy, memo, useCallback, useContext, useDebugValue, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, version)

👍 Expected behavior

It should work without any issue.

👎 Actual Behavior with Screenshots

yarn run v1.22.19 $ concurrently "yarn start" "yarn start-backend" $ yarn workspace app start $ yarn workspace backend start $ backstage-cli package start $ backstage-cli package start [0] Loaded config from app-config.yaml, env [1] Build succeeded [0] <i> [webpack-dev-server] Project is running at: [0] <i> [webpack-dev-server] Loopback: http://localhost:3000/, http://127.0.0.1:3000/ [0] <i> [webpack-dev-server] Content not from webpack is served from '/Users/lalit774/code/backstage-141/packages/app/public' directory [0] <i> [webpack-dev-server] 404s will fallback to '/index.html' [1] Loaded config from app-config.yaml, env [1] 2023-06-06T21:04:36.470Z backstage info Found 3 new secrets in config that will be redacted [1] 2023-06-06T21:04:36.473Z backstage info Created UrlReader predicateMux{readers=azure{host=dev.azure.com,authed=false},bitbucketCloud{host=bitbucket.org,authed=false},github{host=github.com,authed=true},gitlab{host=gitlab.com,authed=false},awsS3{host=amazonaws.com,authed=false},fetch{} [1] 2023-06-06T21:04:36.486Z catalog info Performing database migration type=plugin [1] 2023-06-06T21:04:36.612Z auth info Configuring "database" as KeyStore provider type=plugin [1] 2023-06-06T21:04:36.618Z techdocs info Creating Local publisher for TechDocs type=plugin [1] 2023-06-06T21:04:36.619Z search info Added DefaultCatalogCollatorFactory collator factory for type software-catalog type=plugin [1] 2023-06-06T21:04:36.619Z search info Added DefaultTechDocsCollatorFactory collator factory for type techdocs type=plugin [1] 2023-06-06T21:04:36.620Z search info Starting all scheduled search tasks. type=plugin [1] 2023-06-06T21:04:36.625Z backstage info Listening on :7007 [1] 2023-06-06T21:04:36.628Z backstage info Task worker starting: search_index_software_catalog, {"version":2,"cadence":"PT10M","initialDelayDuration":"PT3S","timeoutAfterDuration":"PT15M"} type=taskManager task=search_index_software_catalog [1] 2023-06-06T21:04:36.629Z backstage info Task worker starting: search_index_techdocs, {"version":2,"cadence":"PT10M","initialDelayDuration":"PT3S","timeoutAfterDuration":"PT15M"} type=taskManager task=search_index_techdocs [0] <i> [webpack-dev-middleware] wait until bundle finished: /search?query=&types%5B%5D=software-catalog&pageCursor=MQ%3D%3D [1] 2023-06-06T21:04:39.630Z search info Collating documents for software-catalog via DefaultCatalogCollatorFactory type=plugin documentType=software-catalog [1] 2023-06-06T21:04:39.636Z search info Collating documents for techdocs via DefaultTechDocsCollatorFactory type=plugin documentType=techdocs [1] 2023-06-06T21:04:39.645Z backstage info ::ffff:127.0.0.1 - - [06/Jun/2023:21:04:39 +0000] "GET /api/catalog/entities?filter=metadata.annotations.backstage.io%2Ftechdocs-ref&fields=kind,namespace,metadata.annotations,metadata.name,metadata.title,metadata.namespace,spec.type,spec.lifecycle,relations&offset=0&limit=500 HTTP/1.1" 200 2 "-" "node-fetch/1.0 (+https://github.com/bitinn/node-fetch)" type=incomingRequest [1] 2023-06-06T21:04:39.647Z search warn Index for techdocs was not created: indexer received 0 documents type=plugin documentType=techdocs [1] 2023-06-06T21:04:39.648Z search info Collating documents for techdocs succeeded type=plugin documentType=techdocs [1] 2023-06-06T21:04:39.649Z backstage info ::ffff:127.0.0.1 - - [06/Jun/2023:21:04:39 +0000] "GET /api/catalog/entities?offset=0&limit=500 HTTP/1.1" 200 - "-" "node-fetch/1.0 (+https://github.com/bitinn/node-fetch)" type=incomingRequest [1] 2023-06-06T21:04:39.654Z search info Collating documents for software-catalog succeeded type=plugin documentType=software-catalog [0] WARNING in ../../node_modules/react-router-dom/dist/index.js 269:33-54 [0] export 'startTransition' (imported as 'React') was not found in 'react' (possible exports: Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, cloneElement, createContext, createElement, createFactory, createRef, forwardRef, isValidElement, lazy, memo, useCallback, useContext, useDebugValue, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, version) [0] [0] WARNING in ../../node_modules/react-router-dom/dist/index.js 303:33-54 [0] export 'startTransition' (imported as 'React') was not found in 'react' (possible exports: Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, cloneElement, createContext, createElement, createFactory, createRef, forwardRef, isValidElement, lazy, memo, useCallback, useContext, useDebugValue, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, version) [0] [0] WARNING in ../../node_modules/react-router-dom/dist/index.js 331:33-54 [0] export 'startTransition' (imported as 'React') was not found in 'react' (possible exports: Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, cloneElement, createContext, createElement, createFactory, createRef, forwardRef, isValidElement, lazy, memo, useCallback, useContext, useDebugValue, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, version) [0] [0] WARNING in ../../node_modules/react-router/dist/index.js 836:33-54 [0] export 'startTransition' (imported as 'React') was not found in 'react' (possible exports: Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, cloneElement, createContext, createElement, createFactory, createRef, forwardRef, isValidElement, lazy, memo, useCallback, useContext, useDebugValue, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, version) [0] [0] WARNING in ../../node_modules/react-router/dist/index.js 916:33-54 [0] export 'startTransition' (imported as 'React') was not found in 'react' (possible exports: Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, cloneElement, createContext, createElement, createFactory, createRef, forwardRef, isValidElement, lazy, memo, useCallback, useContext, useDebugValue, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, version) [0] [0] webpack compiled with 5 warnings [1] 2023-06-06T21:04:43.885Z search info Search request received: term="", filters=undefined, types=software-catalog, pageCursor=MQ== type=plugin [1] 2023-06-06T21:04:43.888Z backstage info ::1 - - [06/Jun/2023:21:04:43 +0000] "GET /api/search/query?term=&types%5B0%5D=software-catalog&pageCursor=MQ%3D%3D HTTP/1.1" 304 - "http://localhost:3000/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36" type=incomingRequest [1] 2023-06-06T21:04:43.888Z search info Search request received: term="", filters=undefined, types=, pageCursor= type=plugin [1] 2023-06-06T21:04:43.890Z backstage info ::1 - - [06/Jun/2023:21:04:43 +0000] "GET /api/search/query?term= HTTP/1.1" 200 - "http://localhost:3000/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36" type=incomingRequest

👟 Reproduction steps

  1. npx @backstage/create-app
  2. App Name: backstage-141
  3. cd backstage-141 && yarn dev

📃 Provide the context for the Bug.

No response

🖥️ Your Environment

OS: Darwin 22.3.0 - darwin/arm64 node: v16.17.0 yarn: 1.22.19 cli: 0.22.7 (installed) backstage: 1.14.0

Dependencies: @backstage/app-defaults 1.3.1 @backstage/backend-app-api 0.4.3 @backstage/backend-common 0.18.5 @backstage/backend-dev-utils 0.1.1 @backstage/backend-plugin-api 0.5.2 @backstage/backend-tasks 0.5.2 @backstage/catalog-client 1.4.1 @backstage/catalog-model 1.3.0 @backstage/cli-common 0.1.12 @backstage/cli-node 0.1.0 @backstage/cli 0.22.7 @backstage/config-loader 1.3.0 @backstage/config 1.0.7 @backstage/core-app-api 1.8.0 @backstage/core-components 0.13.1 @backstage/core-plugin-api 1.5.1 @backstage/errors 1.1.5 @backstage/eslint-plugin 0.1.3 @backstage/integration-aws-node 0.1.3 @backstage/integration-react 1.1.13 @backstage/integration 1.4.5 @backstage/plugin-api-docs 0.9.3 @backstage/plugin-app-backend 0.3.45 @backstage/plugin-auth-backend 0.18.3 @backstage/plugin-auth-node 0.2.14 @backstage/plugin-catalog-backend 1.9.1 @backstage/plugin-catalog-common 1.0.13 @backstage/plugin-catalog-graph 0.2.30 @backstage/plugin-catalog-import 0.9.8 @backstage/plugin-catalog-node 1.3.6 @backstage/plugin-catalog-react 1.6.0 @backstage/plugin-catalog 1.11.0 @backstage/plugin-github-actions 0.5.18 @backstage/plugin-org 0.6.8 @backstage/plugin-permission-common 0.7.5 @backstage/plugin-permission-node 0.7.8 @backstage/plugin-permission-react 0.4.12 @backstage/plugin-proxy-backend 0.2.39 @backstage/plugin-scaffolder-backend 1.14.0 @backstage/plugin-scaffolder-common 1.3.0 @backstage/plugin-scaffolder-node 0.1.3 @backstage/plugin-scaffolder-react 1.4.0 @backstage/plugin-scaffolder 1.13.1 @backstage/plugin-search-backend-module-catalog 0.1.1 @backstage/plugin-search-backend-module-pg 0.5.6 @backstage/plugin-search-backend-module-techdocs 0.1.1 @backstage/plugin-search-backend-node 1.2.1 @backstage/plugin-search-backend 1.3.1 @backstage/plugin-search-common 1.2.3 @backstage/plugin-search-react 1.6.0 @backstage/plugin-search 1.3.0 @backstage/plugin-tech-radar 0.6.4 @backstage/plugin-techdocs-backend 1.6.2 @backstage/plugin-techdocs-module-addons-contrib 1.0.13 @backstage/plugin-techdocs-node 1.7.1 @backstage/plugin-techdocs-react 1.1.6 @backstage/plugin-techdocs 1.6.2 @backstage/plugin-user-settings 0.7.3 @backstage/release-manifests 0.0.9 @backstage/test-utils 1.3.1 @backstage/theme 0.3.0 @backstage/types 1.0.2 @backstage/version-bridge 1.0.4 ✨ Done in 4.61s.

👀 Have you spent some time to check if this bug has been raised before?

  • I checked and didn’t find similar issue

🏢 Have you read the Code of Conduct?

Are you willing to submit PR?

Yes I am willing to submit a PR!

About this issue

  • Original URL
  • State: closed
  • Created a year ago
  • Comments: 22 (2 by maintainers)

Most upvoted comments

Temporarily eliminate the “^” symbol from the package dependency line of “react-router-dom” : “^6.x.x” until the issue is resolved.

+6
zahir-dct on Jun 7, 2023

@xKranze You need to make the version of the packages fixed to 6.11.2 to work by adding the 2 lines in your package.json’s resolutions.

  "resolutions": {
    "@types/react": "^17",
    "@types/react-dom": "^17",
    "react-router": "6.11.2",
    "react-router-dom": "6.11.2"
  }
+4
tom76kimo on Jun 7, 2023

Spotted this: https://github.com/remix-run/react-router/blob/main/packages/react-router/CHANGELOG.md#6120

If I pin it like this then it works:

"react-router": "6.11.2",
"react-router-dom": "6.11.2",

So it’s something in that package, hopefully they will have a patch soon!

+2
awanlin on Jun 6, 2023

Looks like 6.12.1 has been published with a fix: https://github.com/remix-run/react-router/issues/10566#issuecomment-1583019291

+1
awanlin on Jun 8, 2023

Downgrading the react-router version fixed the issue. I am using “react-router-dom”: “6.11.2”

+1
milanmilosev on Jun 8, 2023
Read more comments on GitHub
← backstage: Error While Creating a Repo at Azure DevOps Server 2020
backstage: Failed to build docker images →