For workspaces, regardless of platform-complete
configuration, it seems a hard
"resolutions": {
"@types/react": "^17.0.2"
}
is required in the root package.json
.
I'm unsure of how to make it work outside of a workspace without resolutions
being
required, which is not acceptable in those contexts. Perhaps there's some yarn-fu
I am not aware of? There could also be some special resolution trickery occuring
since most of my testing outside of the workspace required adding git URLs into
package.json
files.
- Workspace unspecified, platform unspecified, modules peering ❌
- Workspace unspecified, platform deps
~17.0.0
, modules peering ❌ - Workspace unspecified, platform peer deps
~17.0.0
, modules peering ❌ - Workspace
resolutions ^17.0.2
, platform unspecified, modules peering :heavy_check_mark: - Workspace
resolutions ^17.0.2
, platform deps, modules peering :heavy_check_mark: - Workspace
resolutions ^17.0.2
, platform deps and peer deps, modules peering :heavy_check_mark: - Workspace
resolutions ^17.0.2
, platform unspecified, stripes unspecified, modules peering ✔️ - Workspace unspecified, platform unspecified, stripes unspecified, modules peering ❌
details
Workspace contains the following projects:
- platform-complete (modified from
snapshot
branch to only enable bulk edit/calendar modules) - stripes (modified from
stripes-859
branch to peer"@types/react": "^17.0.0"
) - stripes-components (
master
) - stripes-types (modified from
master
to peer `"@types/react": "^17.0.0") - stripes-webpack (
master
) - ui-bulk-edit
(
add-typings
, modified frommaster
to usestripes-types
and peer@types/react
) - ui-calendar (
uical-268
, modified to usestripes-types
and peer@types/react
) - ui-plugin-bursar-export (unrelated WIP work)
- ui-users (
master
)
- Workspace: does not depend on
@types/react
in any way - Platform: does not depend on
@types/react
in any way - UI modules: depend on ~similar
@types/react
versions (17.0.1, 17.0.2, etc)
This results in versions all over the place and a failure to compile:
`yarn why @types/react`
yarn why v1.22.19
[1/4] Why do we have the module "@types/react"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
info
=> Found "@types/[email protected]"
info Has been hoisted to "@types/react"
info Reasons this module exists
- "workspace-aggregator-24105b3e-e6c0-4541-8e04-0de97a1cf22e" depends on it
- Hoisted from "_project_#react-intl#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react"
- Hoisted from "_project_#react-intl#@types#hoist-non-react-statics#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react-dom#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react-router-dom#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react-test-renderer#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react-router-dom#@types#react-router#@types#react"
- Hoisted from "_project_#@folio#stripes-components#react-overlays#uncontrollable#@types#react"
- Hoisted from "_project_#@folio#stripes-components#storybook-readme#@storybook#components#@types#react-syntax-highlighter#@types#react"
- Hoisted from "_project_#@folio#stripes-components#storybook-readme#@storybook#components#@types#react-textarea-autosize#@types#react"
- Hoisted from "_project_#@folio#platform-complete#@folio#dashboard#react-beautiful-dnd#react-redux#@types#react-redux#@types#react"
info Number of shared dependencies: 3
info
=> Found "@folio/stripes-types#@types/[email protected]"
info This module exists because "_project_#@folio#stripes-types" depends on it.
info Number of shared dependencies: 3
info
=> Found "@folio/platform-complete#@types/[email protected]"
info This module exists because "_project_#@folio#platform-complete" depends on it.
info Number of shared dependencies: 3
info
=> Found "@folio/stripes-types#react-intl#@types/[email protected]"
info This module exists because "_project_#@folio#stripes-types#react-intl" depends on it.
info Number of shared dependencies: 3
info
=> Found "@folio/calendar#@types/[email protected]"
info Reasons this module exists
- "_project_#@folio#calendar#@testing-library#react#@types#react-dom" depends on it
- Hoisted from "_project_#@folio#calendar#@testing-library#react#@types#react-dom#@types#react"
info Number of shared dependencies: 3
info
=> Found "@folio/jest-config-stripes#@types/[email protected]"
info Reasons this module exists
- "_project_#@folio#users#@folio#jest-config-stripes#@testing-library#react#@types#react-dom" depends on it
- Hoisted from "_project_#@folio#users#@folio#jest-config-stripes#@testing-library#react#@types#react-dom#@types#react"
info Number of shared dependencies: 3
Done in 0.60s.
`yarn stripes serve` in `platform-complete` (excerpt)
ERROR in /Users/novercash/folio/stripes/ui-calendar/src/views/panes/InfoPane.tsx
../ui-calendar/src/views/panes/InfoPane.tsx 360:13-28
[tsl] ERROR in /Users/novercash/folio/stripes/ui-calendar/src/views/panes/InfoPane.tsx(360,14)
TS2786: 'MultiColumnList' cannot be used as a JSX component.
Its instance type 'MultiColumnList<{ name: string; start: Element; end: Element; }, "">' is not a valid JSX element.
The types returned by 'render()' are incompatible between these types.
Type 'import("/Users/novercash/folio/stripes/ui-calendar/node_modules/@types/react/index").ReactNode' is not assignable to type 'React.ReactNode'.
@ ../ui-calendar/src/views/AllCalendarView.tsx 16:0-40 98:36-44
@ ../ui-calendar/src/views/CalendarSettings.tsx 18:0-48 27:31-46
@ ../ui-calendar/src/index.tsx 15:0-48 18:35-43
@ ./node_modules/stripes-config.js 80:17-51
@ ../node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ../node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ../node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
ERROR in /Users/novercash/folio/stripes/ui-calendar/src/views/panes/InfoPane.tsx
../ui-calendar/src/views/panes/InfoPane.tsx 399:13-28
[tsl] ERROR in /Users/novercash/folio/stripes/ui-calendar/src/views/panes/InfoPane.tsx(399,14)
TS2786: 'MultiColumnList' cannot be used as a JSX component.
Its instance type 'MultiColumnList<{ name: string; startDate: string; endDate: string; }, "">' is not a valid JSX element.
The types returned by 'render()' are incompatible between these types.
Type 'import("/Users/novercash/folio/stripes/ui-calendar/node_modules/@types/react/index").ReactNode' is not assignable to type 'React.ReactNode'.
@ ../ui-calendar/src/views/AllCalendarView.tsx 16:0-40 98:36-44
@ ../ui-calendar/src/views/CalendarSettings.tsx 18:0-48 27:31-46
@ ../ui-calendar/src/index.tsx 15:0-48 18:35-43
@ ./node_modules/stripes-config.js 80:17-51
@ ../node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ../node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ../node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
ERROR in /Users/novercash/folio/stripes/ui-calendar/src/views/CurrentAssignmentView.tsx
../ui-calendar/src/views/CurrentAssignmentView.tsx 97:7-11
[tsl] ERROR in /Users/novercash/folio/stripes/ui-calendar/src/views/CurrentAssignmentView.tsx(97,8)
TS2786: 'Pane' cannot be used as a JSX component.
Its instance type 'Pane' is not a valid JSX element.
@ ../ui-calendar/src/views/CalendarSettings.tsx 19:0-60 33:31-52
@ ../ui-calendar/src/index.tsx 15:0-48 18:35-43
@ ./node_modules/stripes-config.js 80:17-51
@ ../node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ../node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ../node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
- Workspace: does not depend on
@types/react
in any way - Platform: does has dependency
"@types/react": "~17.0.0"
- UI modules: depend on ~similar
@types/react
versions (17.0.1, 17.0.2, etc)
This results in versions all over the place and a failure to compile:
`yarn why @types/react`
yarn why v1.22.19
[1/4] Why do we have the module "@types/react"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
info
=> Found "@types/[email protected]"
info Has been hoisted to "@types/react"
info Reasons this module exists
- "workspace-aggregator-cb8b9d85-1b88-4f6c-babb-a7825b078730" depends on it
- Hoisted from "_project_#react-intl#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react"
- Hoisted from "_project_#react-intl#@types#hoist-non-react-statics#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react-dom#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react-router-dom#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react-test-renderer#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react-router-dom#@types#react-router#@types#react"
- Hoisted from "_project_#@folio#stripes-components#react-overlays#uncontrollable#@types#react"
- Hoisted from "_project_#@folio#stripes-components#storybook-readme#@storybook#components#@types#react-syntax-highlighter#@types#react"
- Hoisted from "_project_#@folio#stripes-components#storybook-readme#@storybook#components#@types#react-textarea-autosize#@types#react"
- Hoisted from "_project_#@folio#platform-complete#@folio#dashboard#react-beautiful-dnd#react-redux#@types#react-redux#@types#react"
info Number of shared dependencies: 3
info
=> Found "@folio/stripes-types#@types/[email protected]"
info This module exists because "_project_#@folio#stripes-types" depends on it.
info Number of shared dependencies: 3
info
=> Found "@folio/stripes-types#react-intl#@types/[email protected]"
info This module exists because "_project_#@folio#stripes-types#react-intl" depends on it.
info Number of shared dependencies: 3
info
=> Found "@folio/calendar#@types/[email protected]"
info Reasons this module exists
- "_project_#@folio#calendar#@testing-library#react#@types#react-dom" depends on it
- Hoisted from "_project_#@folio#calendar#@testing-library#react#@types#react-dom#@types#react"
info Number of shared dependencies: 3
info
=> Found "@folio/jest-config-stripes#@types/[email protected]"
info Reasons this module exists
- "_project_#@folio#users#@folio#jest-config-stripes#@testing-library#react#@types#react-dom" depends on it
- Hoisted from "_project_#@folio#users#@folio#jest-config-stripes#@testing-library#react#@types#react-dom#@types#react"
info Number of shared dependencies: 3
Done in 0.67s.
`yarn stripes serve` in `platform-complete` (excerpt)
same as above
- Workspace: does not depend on
@types/react
in any way - Platform: does has devDependency and peerDependency
"@types/react": "~17.0.0"
- UI modules: depend on ~similar
@types/react
versions (17.0.1, 17.0.2, etc)
This results in versions all over the place and a failure to compile:
`yarn why @types/react`
yarn why v1.22.19
[1/4] Why do we have the module "@types/react"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
info
=> Found "@types/[email protected]"
info Has been hoisted to "@types/react"
info Reasons this module exists
- "workspace-aggregator-5649f0f4-8339-42c1-a1cf-97126bfa0af5" depends on it
- Hoisted from "_project_#react-intl#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react"
- Hoisted from "_project_#react-intl#@types#hoist-non-react-statics#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react-dom#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react-router-dom#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react-test-renderer#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react-router-dom#@types#react-router#@types#react"
- Hoisted from "_project_#@folio#stripes-components#react-overlays#uncontrollable#@types#react"
- Hoisted from "_project_#@folio#stripes-components#storybook-readme#@storybook#components#@types#react-syntax-highlighter#@types#react"
- Hoisted from "_project_#@folio#stripes-components#storybook-readme#@storybook#components#@types#react-textarea-autosize#@types#react"
- Hoisted from "_project_#@folio#platform-complete#@folio#dashboard#react-beautiful-dnd#react-redux#@types#react-redux#@types#react"
info Number of shared dependencies: 3
info
=> Found "@folio/stripes-types#@types/[email protected]"
info This module exists because "_project_#@folio#stripes-types" depends on it.
info Number of shared dependencies: 3
info
=> Found "@folio/platform-complete#@types/[email protected]"
info This module exists because "_project_#@folio#platform-complete" depends on it.
info Number of shared dependencies: 3
info
=> Found "@folio/stripes-types#react-intl#@types/[email protected]"
info This module exists because "_project_#@folio#stripes-types#react-intl" depends on it.
info Number of shared dependencies: 3
info
=> Found "@folio/calendar#@types/[email protected]"
info Reasons this module exists
- "_project_#@folio#calendar#@testing-library#react#@types#react-dom" depends on it
- Hoisted from "_project_#@folio#calendar#@testing-library#react#@types#react-dom#@types#react"
info Number of shared dependencies: 3
info
=> Found "@folio/jest-config-stripes#@types/[email protected]"
info Reasons this module exists
- "_project_#@folio#users#@folio#jest-config-stripes#@testing-library#react#@types#react-dom" depends on it
- Hoisted from "_project_#@folio#users#@folio#jest-config-stripes#@testing-library#react#@types#react-dom#@types#react"
info Number of shared dependencies: 3
Done in 0.69s.
`yarn stripes serve` in `platform-complete` (excerpt)
same as above
- Workspace: does resolve
"@types/react": "^17.0.2"
- Platform: does not specify anything
- UI modules: depend on ~similar
@types/react
versions (17.0.1, 17.0.2, etc)
This results in a single version being used for all versions and successful compilation.
`yarn why @types/react`
yarn why v1.22.19
[1/4] Why do we have the module "@types/react"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
=> Found "@types/[email protected]"
info Reasons this module exists
- "_project_#react-intl" depends on it
- Hoisted from "_project_#react-intl#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react"
- Hoisted from "_project_#react-intl#@types#hoist-non-react-statics#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react-dom#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react-router-dom#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react-test-renderer#@types#react"
- Hoisted from "_project_#@folio#stripes-types#react-intl#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react-router-dom#@types#react-router#@types#react"
- Hoisted from "_project_#@folio#stripes-components#react-overlays#uncontrollable#@types#react"
- Hoisted from "_project_#@folio#calendar#@testing-library#react#@types#react-dom#@types#react"
- Hoisted from "_project_#@folio#stripes-components#storybook-readme#@storybook#components#@types#react-syntax-highlighter#@types#react"
- Hoisted from "_project_#@folio#stripes-components#storybook-readme#@storybook#components#@types#react-textarea-autosize#@types#react"
- Hoisted from "_project_#@folio#users#@folio#jest-config-stripes#@testing-library#react#@types#react-dom#@types#react"
- Hoisted from "_project_#@folio#platform-complete#@folio#dashboard#react-beautiful-dnd#react-redux#@types#react-redux#@types#react"
info Number of shared dependencies: 3
Done in 0.60s.
- Workspace: does resolve
"@types/react": "^17.0.2"
- Platform: has dependency
"@types/react": "~17.0.2"
- UI modules: depend on ~similar
@types/react
versions (17.0.1, 17.0.2, etc)
This results in a single version being used for all versions and successful compilation.
`yarn why @types/react`
yarn why v1.22.19
[1/4] Why do we have the module "@types/react"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
=> Found "@types/[email protected]"
info Reasons this module exists
- "_project_#react-intl" depends on it
- Hoisted from "_project_#react-intl#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react"
- Hoisted from "_project_#react-intl#@types#hoist-non-react-statics#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react-dom#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react-router-dom#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react-test-renderer#@types#react"
- Hoisted from "_project_#@folio#stripes-types#react-intl#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react-router-dom#@types#react-router#@types#react"
- Hoisted from "_project_#@folio#stripes-components#react-overlays#uncontrollable#@types#react"
- Hoisted from "_project_#@folio#calendar#@testing-library#react#@types#react-dom#@types#react"
- Hoisted from "_project_#@folio#stripes-components#storybook-readme#@storybook#components#@types#react-syntax-highlighter#@types#react"
- Hoisted from "_project_#@folio#stripes-components#storybook-readme#@storybook#components#@types#react-textarea-autosize#@types#react"
- Hoisted from "_project_#@folio#users#@folio#jest-config-stripes#@testing-library#react#@types#react-dom#@types#react"
- Hoisted from "_project_#@folio#platform-complete#@folio#dashboard#react-beautiful-dnd#react-redux#@types#react-redux#@types#react"
info Number of shared dependencies: 3
Done in 0.60s.
- Workspace: does resolve
"@types/react": "^17.0.2"
- Platform: has dependency and peer dependency
"@types/react": "~17.0.2"
- UI modules: depend on ~similar
@types/react
versions (17.0.1, 17.0.2, etc)
This results in a single version being used for all versions and successful compilation.
`yarn why @types/react`
yarn why v1.22.19
[1/4] Why do we have the module "@types/react"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
=> Found "@types/[email protected]"
info Reasons this module exists
- "_project_#react-intl" depends on it
- Hoisted from "_project_#react-intl#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react"
- Hoisted from "_project_#react-intl#@types#hoist-non-react-statics#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react-dom#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react-router-dom#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react-test-renderer#@types#react"
- Hoisted from "_project_#@folio#stripes-types#react-intl#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react-router-dom#@types#react-router#@types#react"
- Hoisted from "_project_#@folio#stripes-components#react-overlays#uncontrollable#@types#react"
- Hoisted from "_project_#@folio#calendar#@testing-library#react#@types#react-dom#@types#react"
- Hoisted from "_project_#@folio#stripes-components#storybook-readme#@storybook#components#@types#react-syntax-highlighter#@types#react"
- Hoisted from "_project_#@folio#stripes-components#storybook-readme#@storybook#components#@types#react-textarea-autosize#@types#react"
- Hoisted from "_project_#@folio#users#@folio#jest-config-stripes#@testing-library#react#@types#react-dom#@types#react"
- Hoisted from "_project_#@folio#platform-complete#@folio#dashboard#react-beautiful-dnd#react-redux#@types#react-redux#@types#react"
info Number of shared dependencies: 3
Done in 0.60s.
- Workspace: does resolve
"@types/react": "^17.0.2"
- Platform: has dependency and peer dependency
"@types/react": "~17.0.2"
- @folio/stripes: does not specify any dependency on @types/react
- UI modules/stripes-types: depend on ~similar
@types/react
versions (17.0.1, 17.0.2, etc)
This results in a single version being used for all versions and successful compilation.
`yarn why @types/react`
yarn why v1.22.19
[1/4] Why do we have the module "@types/react"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
info
=> Found "@types/[email protected]"
info Reasons this module exists
- "_project_#react-intl" depends on it
- Hoisted from "_project_#react-intl#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react"
- Hoisted from "_project_#react-intl#@types#hoist-non-react-statics#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react-dom#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react-router-dom#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react-test-renderer#@types#react"
- Hoisted from "_project_#@folio#stripes-types#react-intl#@types#react"
- Hoisted from "_project_#@folio#stripes#@folio#stripes-types#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react-router-dom#@types#react-router#@types#react"
- Hoisted from "_project_#@folio#stripes#@folio#stripes-types#react-intl#@types#react"
- Hoisted from "_project_#@folio#stripes-components#react-overlays#uncontrollable#@types#react"
- Hoisted from "_project_#@folio#calendar#@testing-library#react#@types#react-dom#@types#react"
- Hoisted from "_project_#@folio#stripes-components#storybook-readme#@storybook#components#@types#react-syntax-highlighter#@types#react"
- Hoisted from "_project_#@folio#stripes-components#storybook-readme#@storybook#components#@types#react-textarea-autosize#@types#react"
- Hoisted from "_project_#@folio#users#@folio#jest-config-stripes#@testing-library#react#@types#react-dom#@types#react"
- Hoisted from "_project_#@folio#platform-complete#@folio#dashboard#react-beautiful-dnd#react-redux#@types#react-redux#@types#react"
info Number of shared dependencies: 3
Done in 0.63s.
- Workspace: does not specify any dependency on
@types/react
- Platform: has dependency and peer dependency
"@types/react": "~17.0.2"
- @folio/stripes: does not specify any dependency on @types/react
- UI modules/stripes-types: depend on ~similar
@types/react
versions (17.0.1, 17.0.2, etc)
This results in a whole mess of versions.
`yarn why @types/react`
yarn why v1.22.19
[1/4] Why do we have the module "@types/react"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
info
=> Found "@types/[email protected]"
info Has been hoisted to "@types/react"
info Reasons this module exists
- "workspace-aggregator-acf33307-bf0c-47db-ac0e-3319d345c8fe" depends on it
- Hoisted from "_project_#react-intl#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react"
- Hoisted from "_project_#react-intl#@types#hoist-non-react-statics#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react-dom#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react-router-dom#@types#react"
- Hoisted from "_project_#@testing-library#react-hooks#@types#react-test-renderer#@types#react"
- Hoisted from "_project_#@folio#stripes-types#@types#react-router-dom#@types#react-router#@types#react"
- Hoisted from "_project_#@folio#stripes-components#react-overlays#uncontrollable#@types#react"
- Hoisted from "_project_#@folio#stripes-components#storybook-readme#@storybook#components#@types#react-syntax-highlighter#@types#react"
- Hoisted from "_project_#@folio#stripes-components#storybook-readme#@storybook#components#@types#react-textarea-autosize#@types#react"
- Hoisted from "_project_#@folio#platform-complete#@folio#dashboard#react-beautiful-dnd#react-redux#@types#react-redux#@types#react"
info Number of shared dependencies: 3
info
=> Found "@folio/stripes-types#@types/[email protected]"
info This module exists because "_project_#@folio#stripes-types" depends on it.
info Number of shared dependencies: 3
info
=> Found "@folio/stripes-types#react-intl#@types/[email protected]"
info This module exists because "_project_#@folio#stripes-types#react-intl" depends on it.
info Number of shared dependencies: 3
info
=> Found "@folio/stripes#@types/[email protected]"
info Reasons this module exists
- "_project_#@folio#stripes#@folio#stripes-types" depends on it
- Hoisted from "_project_#@folio#stripes#@folio#stripes-types#@types#react"
info Number of shared dependencies: 3
info
=> Found "@folio/stripes#react-intl#@types/[email protected]"
info This module exists because "_project_#@folio#stripes#@folio#stripes-types#react-intl" depends on it.
info Number of shared dependencies: 3
info
=> Found "@folio/calendar#@types/[email protected]"
info Reasons this module exists
- "_project_#@folio#calendar#@testing-library#react#@types#react-dom" depends on it
- Hoisted from "_project_#@folio#calendar#@testing-library#react#@types#react-dom#@types#react"
info Number of shared dependencies: 3
info
=> Found "@folio/jest-config-stripes#@types/[email protected]"
info Reasons this module exists
- "_project_#@folio#users#@folio#jest-config-stripes#@testing-library#react#@types#react-dom" depends on it
- Hoisted from "_project_#@folio#users#@folio#jest-config-stripes#@testing-library#react#@types#react-dom#@types#react"
info Number of shared dependencies: 3
Done in 0.64s.
- With calendar peer and dev dep, stripes peer dep, and stripes-types peer dep :x:
- With calendar resolution + peer and dev dep, stripes peer dep, and
stripes-types peer dep
⚠️ - With calendar peer dep, stripes unspecified, stripes-types peer dep
⚠️
Options with a
details
- Using
ui-calendar
fromuical-268
branch (added stripes-types here), but with peer-only version of@folio/stripes
(no resolution in there).
- This had ui-calendar
devDependencies
andpeerDependencies
on"@types/react": "^17.0.2"
@folio/stripes
peer depends on it, but has no resolution@folio/stripes-types
peer depends on it, but has no resolution⚠️ I don't know why this one doesn't work. This should work.
`yarn why @types/react`
yarn why v1.22.19
[1/4] Why do we have the module "@types/react"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
=> Found "@types/[email protected]"
info Has been hoisted to "@types/react"
info Reasons this module exists
- Specified in "devDependencies"
- Hoisted from "@testing-library#react#@types#react-dom#@types#react"
- Hoisted from "@folio#stripes#@folio#stripes-types#@types#react"
info Number of shared dependencies: 3
=> Found "@types/react-router-dom#@types/[email protected]"
info This module exists because "@types#react-router-dom" depends on it.
info Number of shared dependencies: 3
=> Found "react-intl#@types/[email protected]"
info This module exists because "react-intl" depends on it.
info Number of shared dependencies: 3
=> Found "@types/hoist-non-react-statics#@types/[email protected]"
info This module exists because "react-intl#@types#hoist-non-react-statics" depends on it.
info Number of shared dependencies: 3
=> Found "@types/react-router#@types/[email protected]"
info This module exists because "@types#react-router-dom#@types#react-router" depends on it.
info Number of shared dependencies: 3
=> Found "@folio/stripes-types#react-intl#@types/[email protected]"
info This module exists because "@folio#stripes#@folio#stripes-types#react-intl" depends on it.
info Number of shared dependencies: 3
=> Found "uncontrollable#@types/[email protected]"
info This module exists because "@folio#stripes-components#react-overlays#uncontrollable" depends on it.
info Number of shared dependencies: 3
=> Found "@types/react-redux#@types/[email protected]"
info This module exists because "@folio#stripes-smart-components#react-beautiful-dnd#react-redux#@types#react-redux" depends on it.
info Number of shared dependencies: 3
Done in 0.33s.
`yarn stripes serve` (excerpt)
ERROR in /Users/novercash/folio/ui-calendar/src/views/panes/InfoPane.tsx
./src/views/panes/InfoPane.tsx 305:13-28
[tsl] ERROR in /Users/novercash/folio/ui-calendar/src/views/panes/InfoPane.tsx(305,14)
TS2786: 'MultiColumnList' cannot be used as a JSX component.
Its instance type 'MultiColumnList<{ day: string; startTime: Element; endTime: Element; }, "">' is not a valid JSX element.
The types returned by 'render()' are incompatible between these types.
Type 'React.ReactNode' is not assignable to type 'import("/Users/novercash/folio/ui-calendar/node_modules/@types/react-router/node_modules/@types/react/ts5.0/index").ReactNode'.
@ ./src/views/AllCalendarView.tsx 16:0-40 98:36-44
@ ./src/views/CalendarSettings.tsx 18:0-48 27:31-46
@ ./src/index.tsx 15:0-48 18:35-43
@ ./node_modules/stripes-config.js 28:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
ERROR in /Users/novercash/folio/ui-calendar/src/views/MonthlyCalendarPickerView.tsx
./src/views/MonthlyCalendarPickerView.tsx 168:7-11
[tsl] ERROR in /Users/novercash/folio/ui-calendar/src/views/MonthlyCalendarPickerView.tsx(168,8)
TS2786: 'Pane' cannot be used as a JSX component.
Its instance type 'Pane' is not a valid JSX element.
@ ./src/views/CalendarSettings.tsx 20:0-68 39:31-56
@ ./src/index.tsx 15:0-48 18:35-43
@ ./node_modules/stripes-config.js 28:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
ERROR in /Users/novercash/folio/ui-calendar/src/views/panes/MonthlyCalendarView.tsx
./src/views/panes/MonthlyCalendarView.tsx 75:5-9
[tsl] ERROR in /Users/novercash/folio/ui-calendar/src/views/panes/MonthlyCalendarView.tsx(75,6)
TS2786: 'Pane' cannot be used as a JSX component.
Its instance type 'Pane' is not a valid JSX element.
@ ./src/views/MonthlyCalendarPickerView.tsx 58:0-62 151:32-51
@ ./src/views/CalendarSettings.tsx 20:0-68 39:31-56
@ ./src/index.tsx 15:0-48 18:35-43
@ ./node_modules/stripes-config.js 28:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
ERROR in /Users/novercash/folio/ui-calendar/src/components/Calendar.tsx
./src/components/Calendar.tsx 9:16-32
[tsl] ERROR in /Users/novercash/folio/ui-calendar/src/components/Calendar.tsx(9,17)
TS2307: Cannot find module './Calendar.css' or its corresponding type declarations.
@ ./src/views/panes/MonthlyCalendarView.tsx 42:0-49 77:28-36
@ ./src/views/MonthlyCalendarPickerView.tsx 58:0-62 151:32-51
@ ./src/views/CalendarSettings.tsx 20:0-68 39:31-56
@ ./src/index.tsx 15:0-48 18:35-43
@ ./node_modules/stripes-config.js 28:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
- This had ui-calendar
devDependencies
,resolutions
, andpeerDependencies
on"@types/react": "^17.0.2"
@folio/stripes
peer depends on it, but has no resolution@folio/stripes-types
peer depends on it, but has no resolution⚠️ The only errors here refer to ui-calendar's own typings not working (which I think has been broken for some time due to some webpack nonsense, since it doesn't like loading types from weird folder setups (if webpack is innode_modules
or vice versa))
`yarn why @types/react`
yarn why v1.22.19
[1/4] Why do we have the module "@types/react"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
info
=> Found "@types/[email protected]"
info Has been hoisted to "@types/react"
info Reasons this module exists
- Specified in "devDependencies"
- Hoisted from "@folio#stripes#@folio#stripes-types#@types#react"
info Number of shared dependencies: 3
info
=> Found "@types/react-router-dom#@types/[email protected]"
info Reasons this module exists
- "@types#react-router-dom" depends on it
- Specified in "devDependencies"
info Number of shared dependencies: 2
info
=> Found "react-intl#@types/[email protected]"
info Reasons this module exists
- "react-intl" depends on it
- Specified in "devDependencies"
info Number of shared dependencies: 2
info
=> Found "@types/hoist-non-react-statics#@types/[email protected]"
info Reasons this module exists
- "react-intl#@types#hoist-non-react-statics" depends on it
- Specified in "devDependencies"
info Number of shared dependencies: 2
info
=> Found "@types/react-router#@types/[email protected]"
info Reasons this module exists
- "@types#react-router-dom#@types#react-router" depends on it
- Specified in "devDependencies"
info Number of shared dependencies: 2
info
=> Found "@types/react-dom#@types/[email protected]"
info Reasons this module exists
- "@testing-library#react#@types#react-dom" depends on it
- Specified in "devDependencies"
info Number of shared dependencies: 2
info
=> Found "@folio/stripes-types#react-intl#@types/[email protected]"
info Reasons this module exists
- "@folio#stripes#@folio#stripes-types#react-intl" depends on it
- Specified in "devDependencies"
info Number of shared dependencies: 2
info
=> Found "uncontrollable#@types/[email protected]"
info Reasons this module exists
- "@folio#stripes-components#react-overlays#uncontrollable" depends on it
- Specified in "devDependencies"
info Number of shared dependencies: 2
info
=> Found "@types/react-redux#@types/[email protected]"
info Reasons this module exists
- "@folio#stripes-smart-components#react-beautiful-dnd#react-redux#@types#react-redux" depends on it
- Specified in "devDependencies"
info Number of shared dependencies: 2
Done in 0.43s.
`yarn stripes serve` (excerpt)
ERROR in /Users/novercash/folio/ui-calendar/src/utils/InfoPaneUtils.tsx
./src/utils/InfoPaneUtils.tsx 4:16-45
[tsl] ERROR in /Users/novercash/folio/ui-calendar/src/utils/InfoPaneUtils.tsx(4,17)
TS2307: Cannot find module '../views/panes/InfoPane.css' or its corresponding type declarations.
@ ./src/views/panes/InfoPane.tsx 59:0-185 119:22-52 130:16-37 133:19-29 136:19-38 195:28-52 200:28-54
@ ./src/views/AllCalendarView.tsx 16:0-40 98:36-44
@ ./src/views/CalendarSettings.tsx 18:0-48 27:31-46
@ ./src/index.tsx 15:0-48 18:35-43
@ ./node_modules/stripes-config.js 28:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
ERROR in /Users/novercash/folio/ui-calendar/src/views/MonthlyCalendarPickerView.tsx
./src/views/MonthlyCalendarPickerView.tsx 20:16-44
[tsl] ERROR in /Users/novercash/folio/ui-calendar/src/views/MonthlyCalendarPickerView.tsx(20,17)
TS2307: Cannot find module '../components/Calendar.css' or its corresponding type declarations.
@ ./src/views/CalendarSettings.tsx 20:0-68 39:31-56
@ ./src/index.tsx 15:0-48 18:35-43
@ ./node_modules/stripes-config.js 28:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
ERROR in /Users/novercash/folio/ui-calendar/src/components/Calendar.tsx
./src/components/Calendar.tsx 9:16-32
[tsl] ERROR in /Users/novercash/folio/ui-calendar/src/components/Calendar.tsx(9,17)
TS2307: Cannot find module './Calendar.css' or its corresponding type declarations.
@ ./src/views/panes/MonthlyCalendarView.tsx 42:0-49 77:28-36
@ ./src/views/MonthlyCalendarPickerView.tsx 58:0-62 151:32-51
@ ./src/views/CalendarSettings.tsx 20:0-68 39:31-56
@ ./src/index.tsx 15:0-48 18:35-43
@ ./node_modules/stripes-config.js 28:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
- This had ui-calendar
devDependencies
andpeerDependencies
on"@types/react": "^17.0.2"
@folio/stripes
does not depend on@types/react
whatsoever@folio/stripes-types
peer depends on it, but has no resolution⚠️ The only errors here refer to ui-calendar's own typings not working (which I think has been broken for some time due to some webpack nonsense, since it doesn't like loading types from weird folder setups (if webpack is innode_modules
or vice versa))
`yarn why @types/react`
yarn why v1.22.19
[1/4] Why do we have the module "@types/react"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
info
=> Found "@types/[email protected]"
info Has been hoisted to "@types/react"
info Reasons this module exists
- Specified in "devDependencies"
- Hoisted from "@folio#stripes#@folio#stripes-types#@types#react"
info Number of shared dependencies: 3
info
=> Found "@types/react-router-dom#@types/[email protected]"
info This module exists because "@types#react-router-dom" depends on it.
info Number of shared dependencies: 2
info
=> Found "react-intl#@types/[email protected]"
info This module exists because "react-intl" depends on it.
info Number of shared dependencies: 2
info
=> Found "@types/hoist-non-react-statics#@types/[email protected]"
info This module exists because "react-intl#@types#hoist-non-react-statics" depends on it.
info Number of shared dependencies: 2
info
=> Found "@types/react-router#@types/[email protected]"
info This module exists because "@types#react-router-dom#@types#react-router" depends on it.
info Number of shared dependencies: 2
info
=> Found "@types/react-dom#@types/[email protected]"
info This module exists because "@testing-library#react#@types#react-dom" depends on it.
info Number of shared dependencies: 2
info
=> Found "@folio/stripes-types#react-intl#@types/[email protected]"
info This module exists because "@folio#stripes#@folio#stripes-types#react-intl" depends on it.
info Number of shared dependencies: 2
info
=> Found "uncontrollable#@types/[email protected]"
info This module exists because "@folio#stripes-components#react-overlays#uncontrollable" depends on it.
info Number of shared dependencies: 2
info
=> Found "@types/react-redux#@types/[email protected]"
info This module exists because "@folio#stripes-smart-components#react-beautiful-dnd#react-redux#@types#react-redux" depends on it.
info Number of shared dependencies: 2
Done in 0.32s.
`yarn stripes serve` (excerpt)
ERROR in /Users/novercash/folio/ui-calendar/src/utils/InfoPaneUtils.tsx
./src/utils/InfoPaneUtils.tsx 4:16-45
[tsl] ERROR in /Users/novercash/folio/ui-calendar/src/utils/InfoPaneUtils.tsx(4,17)
TS2307: Cannot find module '../views/panes/InfoPane.css' or its corresponding type declarations.
@ ./src/views/panes/InfoPane.tsx 59:0-185 119:22-52 130:16-37 133:19-29 136:19-38 195:28-52 200:28-54
@ ./src/views/AllCalendarView.tsx 16:0-40 98:36-44
@ ./src/views/CalendarSettings.tsx 18:0-48 27:31-46
@ ./src/index.tsx 15:0-48 18:35-43
@ ./node_modules/stripes-config.js 28:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
ERROR in /Users/novercash/folio/ui-calendar/src/views/MonthlyCalendarPickerView.tsx
./src/views/MonthlyCalendarPickerView.tsx 20:16-44
[tsl] ERROR in /Users/novercash/folio/ui-calendar/src/views/MonthlyCalendarPickerView.tsx(20,17)
TS2307: Cannot find module '../components/Calendar.css' or its corresponding type declarations.
@ ./src/views/CalendarSettings.tsx 20:0-68 39:31-56
@ ./src/index.tsx 15:0-48 18:35-43
@ ./node_modules/stripes-config.js 28:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
ERROR in /Users/novercash/folio/ui-calendar/src/components/Calendar.tsx
./src/components/Calendar.tsx 9:16-32
[tsl] ERROR in /Users/novercash/folio/ui-calendar/src/components/Calendar.tsx(9,17)
TS2307: Cannot find module './Calendar.css' or its corresponding type declarations.
@ ./src/views/panes/MonthlyCalendarView.tsx 42:0-49 77:28-36
@ ./src/views/MonthlyCalendarPickerView.tsx 58:0-62 151:32-51
@ ./src/views/CalendarSettings.tsx 20:0-68 39:31-56
@ ./src/index.tsx 15:0-48 18:35-43
@ ./node_modules/stripes-config.js 28:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
- With platform unspecified, stripes peer dep, and stripes-types peer dep ❌
- With platform resolution, stripes peer dep, and stripes-types peer dep :warning:
- With platform resolution, stripes unspecified, and stripes-types peer dep :warning:
- With platform unspecified, stripes unspecified, and stripes-types peer dep ❌
react-final-form
field components, which was something I had already been
experiencing on-and-off. The way stripes-components
fields can optionally
accept input
and meta
for a RFF-controlled version, or not accept them for a
non-controlled version, makes RFF very unhappy (when used like
<Field component={...} />
). RFF expects input
and meta
to take in their
magical objects (we don't want to do this completely, for other reasons), so
instinct says to type input
or meta
as their magical objects or just any
,
but then uncontrolled objects won't work (since any
is required). If we try to
make it any | undefined
, RFF gets mad because undefined
is not compatible
with what it expects. These RFF typing issues require some more investigation,
at the very least - maybe using an
alternative method
(e.g. a render
function or children render function) would work?
With this in mind, I believe the
details
- Using
platform-complete
withsnapshot
branch and onlyui-calendar
included. ui-calendar
peer deps@types/react
- Directly including
stripes
which peer deps@types/react
- Included
stripes
dep ofstripes-types
deps and peer deps on@types/react
- This had
platform-complete
not specifying a version for@types/react
platform-complete
depends onstripes
stripes
peer depends on@types/react
stripes
includesstripes-types
which depends and peer depends on@types/react
⚠️ This output foryarn why
doesn't seem right? I'm guessing that I've done something incorrectly when trying to setup these dependencies.
`yarn why @types/react`
yarn why v1.22.19
[1/4] Why do we have the module "@types/react"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
info
=> Found "@types/[email protected]"
info Has been hoisted to "@types/react"
info Reasons this module exists
- Hoisted from "react-intl#@types#react"
- Hoisted from "react-intl#@types#hoist-non-react-statics#@types#react"
- Hoisted from "@folio#calendar#@types#react-router-dom#@types#react"
- Hoisted from "@folio#calendar#@types#react-router-dom#@types#react-router#@types#react"
- Hoisted from "@folio#dashboard#react-beautiful-dnd#react-redux#@types#react-redux#@types#react"
- Hoisted from "@folio#stripes#@folio#stripes-components#react-overlays#uncontrollable#@types#react"
info Number of shared dependencies: 3
info
=> Found "@folio/stripes-types#@types/[email protected]"
info This module exists because "@folio#stripes#@folio#stripes-types" depends on it.
info Number of shared dependencies: 3
info
=> Found "@folio/stripes-types#react-intl#@types/[email protected]"
info This module exists because "@folio#stripes#@folio#stripes-types#react-intl" depends on it.
info Number of shared dependencies: 3
Done in 0.32s.
`yarn stripes serve` (excerpt)
ERROR in /Users/novercash/folio/platform-complete/node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx
./node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx 83:16-25
[tsl] ERROR in /Users/novercash/folio/platform-complete/node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx(83,17)
TS2322: Type '{ new (props: TextFieldProps<string> | Readonly<TextFieldProps<string>>): TextField<string, TextFieldProps<string>>; new (props: TextFieldProps<...>, context: any): TextField<...>; prototype: TextField<...>; contextType?: Context<...>; }' is not assignable to type 'SupportedInputs | ComponentType<FieldRenderProps<any, HTMLElement, any>>'.
Type '{ new (props: TextFieldProps<string> | Readonly<TextFieldProps<string>>): TextField<string, TextFieldProps<string>>; new (props: TextFieldProps<...>, context: any): TextField<...>; prototype: TextField<...>; contextType?: Context<...>; }' is not assignable to type 'ComponentClass<FieldRenderProps<any, HTMLElement, any>, any>'.
Types of parameters 'props' and 'props' are incompatible.
Type 'FieldRenderProps<any, HTMLElement, any>' is not assignable to type 'TextFieldProps<string> | Readonly<TextFieldProps<string>>'.
Type 'FieldRenderProps<any, HTMLElement, any>' has no properties in common with type 'Readonly<TextFieldProps<string>>'.
@ ./node_modules/@folio/calendar/src/forms/CalendarForm/CalendarFormWrapper.tsx 6:0-42 8:0-41 8:0-41 21:32-44
@ ./node_modules/@folio/calendar/src/views/CreateEditCalendarLayer.tsx 15:0-83 38:230-237 39:32-44
@ ./node_modules/@folio/calendar/src/views/AllCalendarView.tsx 13:0-64 79:44-67 89:44-67
@ ./node_modules/@folio/calendar/src/views/CalendarSettings.tsx 16:0-48 25:31-46
@ ./node_modules/@folio/calendar/src/index.tsx 13:0-48 16:35-43
@ ./node_modules/stripes-config.js 802:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
ERROR in /Users/novercash/folio/platform-complete/node_modules/@folio/calendar/src/forms/CalendarForm/CalendarFormWrapper.tsx
./node_modules/@folio/calendar/src/forms/CalendarForm/CalendarFormWrapper.tsx 49:5-17
[tsl] ERROR in /Users/novercash/folio/platform-complete/node_modules/@folio/calendar/src/forms/CalendarForm/CalendarFormWrapper.tsx(49,6)
TS2786: 'CalendarForm' cannot be used as a JSX component.
Its element type 'ReactElement<any, any> | Component<CalendarFormProps & Pick<FormProps<FormValues, Partial<FormValues>>, extractedProps>, any, any>' is not a valid JSX element.
Type 'Component<CalendarFormProps & Pick<FormProps<FormValues, Partial<FormValues>>, extractedProps>, any, any>' is not assignable to type 'Element | ElementClass'.
Type 'Component<CalendarFormProps & Pick<FormProps<FormValues, Partial<FormValues>>, extractedProps>, any, any>' is not assignable to type 'ElementClass'.
The types returned by 'render()' are incompatible between these types.
Type 'import("/Users/novercash/folio/platform-complete/node_modules/@folio/stripes-types/node_modules/@types/react/index").ReactNode' is not assignable to type 'React.ReactNode'.
Type '{}' is not assignable to type 'ReactNode'.
@ ./node_modules/@folio/calendar/src/views/CreateEditCalendarLayer.tsx 15:0-83 38:230-237 39:32-44
@ ./node_modules/@folio/calendar/src/views/AllCalendarView.tsx 13:0-64 79:44-67 89:44-67
@ ./node_modules/@folio/calendar/src/views/CalendarSettings.tsx 16:0-48 25:31-46
@ ./node_modules/@folio/calendar/src/index.tsx 13:0-48 16:35-43
@ ./node_modules/stripes-config.js 802:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
- This had
platform-complete
with aresolutions
for@types/react
platform-complete
depends onstripes
stripes
peer depends on@types/react
stripes
includesstripes-types
which depends and peer depends on@types/react
react-final-form
typings?
`yarn why @types/react`
yarn why v1.22.19
=> Found "@types/[email protected]"
info Reasons this module exists
- "react-intl" depends on it
- Hoisted from "react-intl#@types#react"
- Hoisted from "react-intl#@types#hoist-non-react-statics#@types#react"
- Hoisted from "@folio#calendar#@types#react-router-dom#@types#react"
- Hoisted from "@folio#stripes#@folio#stripes-types#@types#react"
- Hoisted from "@folio#calendar#@types#react-router-dom#@types#react-router#@types#react"
- Hoisted from "@folio#stripes#@folio#stripes-types#react-intl#@types#react"
- Hoisted from "@folio#dashboard#react-beautiful-dnd#react-redux#@types#react-redux#@types#react"
- Hoisted from "@folio#stripes#@folio#stripes-components#react-overlays#uncontrollable#@types#react"
info Disk size without dependencies: "184KB"
info Disk size with unique dependencies: "1.39MB"
info Disk size with transitive dependencies: "1.39MB"
info Number of shared dependencies: 3
Done in 0.32s.
`yarn stripes serve` (excerpt)
ERROR in /Users/novercash/folio/platform-complete/node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx
./node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx 83:16-25
[tsl] ERROR in /Users/novercash/folio/platform-complete/node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx(83,17)
TS2322: Type '{ new (props: TextFieldProps<string> | Readonly<TextFieldProps<string>>): TextField<string, TextFieldProps<string>>; new (props: TextFieldProps<...>, context: any): TextField<...>; prototype: TextField<...>; contextType?: Context<...>; }' is not assignable to type 'SupportedInputs | ComponentType<FieldRenderProps<any, HTMLElement, any>>'.
Type '{ new (props: TextFieldProps<string> | Readonly<TextFieldProps<string>>): TextField<string, TextFieldProps<string>>; new (props: TextFieldProps<...>, context: any): TextField<...>; prototype: TextField<...>; contextType?: Context<...>; }' is not assignable to type 'ComponentClass<FieldRenderProps<any, HTMLElement, any>, any>'.
Types of parameters 'props' and 'props' are incompatible.
Type 'FieldRenderProps<any, HTMLElement, any>' is not assignable to type 'TextFieldProps<string> | Readonly<TextFieldProps<string>>'.
@ ./node_modules/@folio/calendar/src/forms/CalendarForm/CalendarFormWrapper.tsx 6:0-42 8:0-41 8:0-41 21:32-44
@ ./node_modules/@folio/calendar/src/views/CreateEditCalendarLayer.tsx 15:0-83 38:230-237 39:32-44
@ ./node_modules/@folio/calendar/src/views/AllCalendarView.tsx 13:0-64 79:44-67 89:44-67
@ ./node_modules/@folio/calendar/src/views/CalendarSettings.tsx 16:0-48 25:31-46
@ ./node_modules/@folio/calendar/src/index.tsx 13:0-48 16:35-43
@ ./node_modules/stripes-config.js 802:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
ERROR in /Users/novercash/folio/platform-complete/node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx
./node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx 94:16-25
[tsl] ERROR in /Users/novercash/folio/platform-complete/node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx(94,17)
TS2322: Type 'typeof Datepicker' is not assignable to type 'SupportedInputs | ComponentType<FieldRenderProps<any, HTMLElement, any>>'.
@ ./node_modules/@folio/calendar/src/forms/CalendarForm/CalendarFormWrapper.tsx 6:0-42 8:0-41 8:0-41 21:32-44
@ ./node_modules/@folio/calendar/src/views/CreateEditCalendarLayer.tsx 15:0-83 38:230-237 39:32-44
@ ./node_modules/@folio/calendar/src/views/AllCalendarView.tsx 13:0-64 79:44-67 89:44-67
@ ./node_modules/@folio/calendar/src/views/CalendarSettings.tsx 16:0-48 25:31-46
@ ./node_modules/@folio/calendar/src/index.tsx 13:0-48 16:35-43
@ ./node_modules/stripes-config.js 802:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
ERROR in /Users/novercash/folio/platform-complete/node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx
./node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx 106:16-25
[tsl] ERROR in /Users/novercash/folio/platform-complete/node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx(106,17)
TS2322: Type 'typeof Datepicker' is not assignable to type 'SupportedInputs | ComponentType<FieldRenderProps<any, HTMLElement, any>>'.
@ ./node_modules/@folio/calendar/src/forms/CalendarForm/CalendarFormWrapper.tsx 6:0-42 8:0-41 8:0-41 21:32-44
@ ./node_modules/@folio/calendar/src/views/CreateEditCalendarLayer.tsx 15:0-83 38:230-237 39:32-44
@ ./node_modules/@folio/calendar/src/views/AllCalendarView.tsx 13:0-64 79:44-67 89:44-67
@ ./node_modules/@folio/calendar/src/views/CalendarSettings.tsx 16:0-48 25:31-46
@ ./node_modules/@folio/calendar/src/index.tsx 13:0-48 16:35-43
@ ./node_modules/stripes-config.js 802:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
- This had
platform-complete
with aresolutions
for@types/react
platform-complete
depends onstripes
stripes
does not directly specify any@types/react
dependenciesstripes
includesstripes-types
which depends and peer depends on@types/react
react-final-form
typings?
`yarn why @types/react`
yarn why v1.22.19
[1/4] Why do we have the module "@types/react"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
info
=> Found "@types/[email protected]"
info Reasons this module exists
- "react-intl" depends on it
- Hoisted from "react-intl#@types#react"
- Hoisted from "react-intl#@types#hoist-non-react-statics#@types#react"
- Hoisted from "@folio#calendar#@types#react-router-dom#@types#react"
- Hoisted from "@folio#stripes#@folio#stripes-types#@types#react"
- Hoisted from "@folio#calendar#@types#react-router-dom#@types#react-router#@types#react"
- Hoisted from "@folio#stripes#@folio#stripes-types#react-intl#@types#react"
- Hoisted from "@folio#dashboard#react-beautiful-dnd#react-redux#@types#react-redux#@types#react"
- Hoisted from "@folio#stripes#@folio#stripes-components#react-overlays#uncontrollable#@types#react"
info Number of shared dependencies: 3
Done in 2.22s.
`yarn stripes serve` (excerpt)
ERROR in /Users/novercash/folio/platform-complete/node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx
./node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx 83:16-25
[tsl] ERROR in /Users/novercash/folio/platform-complete/node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx(83,17)
TS2322: Type '{ new (props: TextFieldProps<string> | Readonly<TextFieldProps<string>>): TextField<string, TextFieldProps<string>>; new (props: TextFieldProps<...>, context: any): TextField<...>; prototype: TextField<...>; contextType?: Context<...>; }' is not assignable to type 'SupportedInputs | ComponentType<FieldRenderProps<any, HTMLElement, any>>'.
Type '{ new (props: TextFieldProps<string> | Readonly<TextFieldProps<string>>): TextField<string, TextFieldProps<string>>; new (props: TextFieldProps<...>, context: any): TextField<...>; prototype: TextField<...>; contextType?: Context<...>; }' is not assignable to type 'ComponentClass<FieldRenderProps<any, HTMLElement, any>, any>'.
Types of parameters 'props' and 'props' are incompatible.
Type 'FieldRenderProps<any, HTMLElement, any>' is not assignable to type 'TextFieldProps<string> | Readonly<TextFieldProps<string>>'.
@ ./node_modules/@folio/calendar/src/forms/CalendarForm/CalendarFormWrapper.tsx 6:0-42 8:0-41 8:0-41 21:32-44
@ ./node_modules/@folio/calendar/src/views/CreateEditCalendarLayer.tsx 15:0-83 38:230-237 39:32-44
@ ./node_modules/@folio/calendar/src/views/AllCalendarView.tsx 13:0-64 79:44-67 89:44-67
@ ./node_modules/@folio/calendar/src/views/CalendarSettings.tsx 16:0-48 25:31-46
@ ./node_modules/@folio/calendar/src/index.tsx 13:0-48 16:35-43
@ ./node_modules/stripes-config.js 802:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
ERROR in /Users/novercash/folio/platform-complete/node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx
./node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx 94:16-25
[tsl] ERROR in /Users/novercash/folio/platform-complete/node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx(94,17)
TS2322: Type 'typeof Datepicker' is not assignable to type 'SupportedInputs | ComponentType<FieldRenderProps<any, HTMLElement, any>>'.
@ ./node_modules/@folio/calendar/src/forms/CalendarForm/CalendarFormWrapper.tsx 6:0-42 8:0-41 8:0-41 21:32-44
@ ./node_modules/@folio/calendar/src/views/CreateEditCalendarLayer.tsx 15:0-83 38:230-237 39:32-44
@ ./node_modules/@folio/calendar/src/views/AllCalendarView.tsx 13:0-64 79:44-67 89:44-67
@ ./node_modules/@folio/calendar/src/views/CalendarSettings.tsx 16:0-48 25:31-46
@ ./node_modules/@folio/calendar/src/index.tsx 13:0-48 16:35-43
@ ./node_modules/stripes-config.js 802:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
ERROR in /Users/novercash/folio/platform-complete/node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx
./node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx 106:16-25
[tsl] ERROR in /Users/novercash/folio/platform-complete/node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx(106,17)
TS2322: Type 'typeof Datepicker' is not assignable to type 'SupportedInputs | ComponentType<FieldRenderProps<any, HTMLElement, any>>'.
@ ./node_modules/@folio/calendar/src/forms/CalendarForm/CalendarFormWrapper.tsx 6:0-42 8:0-41 8:0-41 21:32-44
@ ./node_modules/@folio/calendar/src/views/CreateEditCalendarLayer.tsx 15:0-83 38:230-237 39:32-44
@ ./node_modules/@folio/calendar/src/views/AllCalendarView.tsx 13:0-64 79:44-67 89:44-67
@ ./node_modules/@folio/calendar/src/views/CalendarSettings.tsx 16:0-48 25:31-46
@ ./node_modules/@folio/calendar/src/index.tsx 13:0-48 16:35-43
@ ./node_modules/stripes-config.js 802:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
- This had
platform-complete
without any direct specification of@types/react
versions platform-complete
depends onstripes
stripes
does not directly specify any@types/react
dependenciesstripes
includesstripes-types
which depends and peer depends on@types/react
❌ Yarn specifically mentions that:
warning "@folio/stripes > @folio/[email protected]" has unmet peer dependency "@types/react@^17.0.2".
This gives @types/react
-related issues, so this is a no-go (as evinced by Type 'import("/Users/novercash/folio/platform-complete/node_modules/@folio/stripes-types/node_modules/@types/react/index").ReactNode' is not assignable to type 'React.ReactNode'
).
`yarn why @types/react`
yarn why v1.22.19
[1/4] Why do we have the module "@types/react"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
info
=> Found "@types/[email protected]"
info Has been hoisted to "@types/react"
info Reasons this module exists
- Hoisted from "react-intl#@types#react"
- Hoisted from "react-intl#@types#hoist-non-react-statics#@types#react"
- Hoisted from "@folio#calendar#@types#react-router-dom#@types#react"
- Hoisted from "@folio#calendar#@types#react-router-dom#@types#react-router#@types#react"
- Hoisted from "@folio#dashboard#react-beautiful-dnd#react-redux#@types#react-redux#@types#react"
- Hoisted from "@folio#stripes#@folio#stripes-components#react-overlays#uncontrollable#@types#react"
info Number of shared dependencies: 3
info
=> Found "@folio/stripes-types#@types/[email protected]"
info This module exists because "@folio#stripes#@folio#stripes-types" depends on it.
info Number of shared dependencies: 3
info
=> Found "@folio/stripes-types#react-intl#@types/[email protected]"
info This module exists because "@folio#stripes#@folio#stripes-types#react-intl" depends on it.
info Number of shared dependencies: 3
Done in 1.32s.
`yarn stripes serve` (excerpt)
[tsl] ERROR in /Users/novercash/folio/platform-complete/node_modules/@folio/calendar/src/forms/CalendarForm/CalendarForm.tsx(83,17)
TS2322: Type '{ new (props: TextFieldProps<string> | Readonly<TextFieldProps<string>>): TextField<string, TextFieldProps<string>>; new (props: TextFieldProps<...>, context: any): TextField<...>; prototype: TextField<...>; contextType?: Context<...>; }' is not assignable to type 'SupportedInputs | ComponentType<FieldRenderProps<any, HTMLElement, any>>'.
Type '{ new (props: TextFieldProps<string> | Readonly<TextFieldProps<string>>): TextField<string, TextFieldProps<string>>; new (props: TextFieldProps<...>, context: any): TextField<...>; prototype: TextField<...>; contextType?: Context<...>; }' is not assignable to type 'ComponentClass<FieldRenderProps<any, HTMLElement, any>, any>'.
Types of parameters 'props' and 'props' are incompatible.
Type 'FieldRenderProps<any, HTMLElement, any>' is not assignable to type 'TextFieldProps<string> | Readonly<TextFieldProps<string>>'.
Type 'FieldRenderProps<any, HTMLElement, any>' has no properties in common with type 'Readonly<TextFieldProps<string>>'.
@ ./node_modules/@folio/calendar/src/forms/CalendarForm/CalendarFormWrapper.tsx 6:0-42 8:0-41 8:0-41 21:32-44
@ ./node_modules/@folio/calendar/src/views/CreateEditCalendarLayer.tsx 15:0-83 38:230-237 39:32-44
@ ./node_modules/@folio/calendar/src/views/CurrentAssignmentView.tsx 12:0-64 94:44-67 104:44-67
@ ./node_modules/@folio/calendar/src/views/CalendarSettings.tsx 17:0-60 31:31-52
@ ./node_modules/@folio/calendar/src/index.tsx 13:0-48 16:35-43
@ ./node_modules/stripes-config.js 802:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4
ERROR in /Users/novercash/folio/platform-complete/node_modules/@folio/calendar/src/forms/CalendarForm/CalendarFormWrapper.tsx
./node_modules/@folio/calendar/src/forms/CalendarForm/CalendarFormWrapper.tsx 49:5-17
[tsl] ERROR in /Users/novercash/folio/platform-complete/node_modules/@folio/calendar/src/forms/CalendarForm/CalendarFormWrapper.tsx(49,6)
TS2786: 'CalendarForm' cannot be used as a JSX component.
Its element type 'ReactElement<any, any> | Component<CalendarFormProps & Pick<FormProps<FormValues, Partial<FormValues>>, extractedProps>, any, any>' is not a valid JSX element.
Type 'Component<CalendarFormProps & Pick<FormProps<FormValues, Partial<FormValues>>, extractedProps>, any, any>' is not assignable to type 'Element | ElementClass'.
Type 'Component<CalendarFormProps & Pick<FormProps<FormValues, Partial<FormValues>>, extractedProps>, any, any>' is not assignable to type 'ElementClass'.
The types returned by 'render()' are incompatible between these types.
Type 'import("/Users/novercash/folio/platform-complete/node_modules/@folio/stripes-types/node_modules/@types/react/index").ReactNode' is not assignable to type 'React.ReactNode'.
Type '{}' is not assignable to type 'ReactNode'.
@ ./node_modules/@folio/calendar/src/views/CreateEditCalendarLayer.tsx 15:0-83 38:230-237 39:32-44
@ ./node_modules/@folio/calendar/src/views/CurrentAssignmentView.tsx 12:0-64 94:44-67 104:44-67
@ ./node_modules/@folio/calendar/src/views/CalendarSettings.tsx 17:0-60 31:31-52
@ ./node_modules/@folio/calendar/src/index.tsx 13:0-48 16:35-43
@ ./node_modules/stripes-config.js 802:17-51
@ ./node_modules/@folio/stripes-core/src/ModulesContext.js 2:0-41 3:50-57 6:0-38
@ ./node_modules/@folio/stripes-core/index.js 5:0-50 5:0-50
@ ./node_modules/@folio/stripes-ui/src/index.js 1:0-43 2:0-4