Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Disable grouped build output and fix the build issue #16019

Merged
merged 5 commits into from Nov 20, 2020

Conversation

ecraig12345
Copy link
Member

@ecraig12345 ecraig12345 commented Nov 20, 2020

Something is causing part of the output for some build tasks (which have especially long output) to be eaten, which makes it hard to debug errors. 2 examples here... I suspect this has something to do with lage's --grouped flag, so trying out removing it as a workaround.

Update: removing grouped build output revealed the real issue, which was in the create-react-app test in projects-test. This error seems to be caused by a change in typescript@4.1.2 which was released today, so update the test script to temporarily downgrade the test project's TS version.

@msft-github-bot
Copy link
Contributor

Hello @ecraig12345!

Because this pull request has the AutoMerge label, I will be glad to assist with helping to merge this pull request once all check-in policies pass.

Do note that I've been instructed to only help merge pull requests of this repository that have been opened for at least 8 hours, a condition that will be fulfilled in about 7 hours 54 minutes. No worries though, I will be back when the time is right! 😉

p.s. you can customize the way I help with merging this pull request, such as holding this pull request until a specific person approves. Simply @mention me (@msft-github-bot) and give me an instruction to get started! Learn more here.

@ecraig12345
Copy link
Member Author

@msft-github-bot merge this in 1 minute

@msft-github-bot
Copy link
Contributor

Hello @ecraig12345!

Because you've given me some instructions on how to help merge this pull request, I'll be modifying my merge approach. Here's how I understand your requirements for merging this pull request:

  • I won't merge this pull request until after the UTC date Fri, 20 Nov 2020 03:18:03 GMT, which is in 1 minute

If this doesn't seem right to you, you can tell me to cancel these instructions and use the auto-merge policy that has been configured for this repository. Try telling me "forget everything I just told you".

@codesandbox-ci
Copy link

codesandbox-ci bot commented Nov 20, 2020

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit cbf024f:

Sandbox Source
Fluent UI Button Configuration
codesandbox-react-template Configuration
codesandbox-react-northstar-template Configuration

@msft-github-bot
Copy link
Contributor

msft-github-bot commented Nov 20, 2020

Perf Analysis

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 883 907 5000
BaseButtonCompat mount 971 963 5000
Breadcrumb mount 42799 42157 5000
Checkbox mount 1606 1659 5000
CheckboxBase mount 1349 1348 5000
ChoiceGroup mount 5004 5041 5000
ComboBox mount 988 1018 1000
CommandBar mount 10263 10299 1000
ContextualMenu mount 6424 6315 1000
DefaultButtonCompat mount 1201 1192 5000
DetailsRow mount 3927 3856 5000
DetailsRowFast mount 3902 3919 5000
DetailsRowNoStyles mount 3620 3662 5000
Dialog mount 1531 1530 1000
DocumentCardTitle mount 1792 1814 1000
Dropdown mount 3486 3518 5000
FocusTrapZone mount 1834 1774 5000
FocusZone mount 1876 1904 5000
IconButtonCompat mount 1865 1879 5000
Label mount 348 333 5000
Layer mount 1888 1879 5000
Link mount 489 491 5000
MenuButtonCompat mount 1583 1610 5000
MessageBar mount 2076 2070 5000
Nav mount 3450 3428 1000
OverflowSet mount 1097 1062 5000
Panel mount 1407 1512 1000
Persona mount 877 901 1000
Pivot mount 1477 1469 1000
PrimaryButtonCompat mount 1362 1376 5000
Rating mount 8039 8010 5000
SearchBox mount 1398 1425 5000
Shimmer mount 2731 2754 5000
Slider mount 1997 2009 5000
SpinButton mount 5633 5287 5000
Spinner mount 409 426 5000
SplitButtonCompat mount 3360 3362 5000
Stack mount 524 516 5000
StackWithIntrinsicChildren mount 1616 1562 5000
StackWithTextChildren mount 4807 4770 5000
SwatchColorPicker mount 10585 10671 5000
Tabs mount 1437 1440 1000
TagPicker mount 2874 2910 5000
TeachingBubble mount 11790 11784 5000
Text mount 455 445 5000
TextField mount 1470 1453 5000
ThemeProvider mount 2037 2017 5000
ThemeProvider virtual-rerender 649 661 5000
Toggle mount 827 852 5000
button mount 706 703 5000
buttonNative mount 111 115 5000

Perf Analysis (Fluent)

Perf comparison
Status Scenario Fluent TPI Fabric TPI Ratio Iterations Ticks
🎯 Avatar.Fluent 0.48 0.53 0.91:1 2000 963
🦄 Button.Fluent 0.13 0.27 0.48:1 5000 627
🔧 Checkbox.Fluent 0.68 0.36 1.89:1 1000 683
🎯 Dialog.Fluent 0.17 0.23 0.74:1 5000 871
🔧 Dropdown.Fluent 3.04 0.44 6.91:1 1000 3037
🔧 Icon.Fluent 0.16 0.07 2.29:1 5000 799
🦄 Image.Fluent 0.09 0.13 0.69:1 5000 440
🔧 Slider.Fluent 1.6 0.46 3.48:1 1000 1598
🔧 Text.Fluent 0.08 0.04 2:1 5000 409
🦄 Tooltip.Fluent 0.12 0.92 0.13:1 5000 585

🔧 Needs work     🎯 On target     🦄 Amazing

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AttachmentMinimalPerf.default 212 179 1.18:1
DatepickerMinimalPerf.default 53107 48571 1.09:1
ListWith60ListItems.default 1062 981 1.08:1
ButtonMinimalPerf.default 206 192 1.07:1
Icon.Fluent 799 744 1.07:1
ChatMinimalPerf.default 695 655 1.06:1
GridMinimalPerf.default 411 386 1.06:1
RefMinimalPerf.default 240 227 1.06:1
TableMinimalPerf.default 479 451 1.06:1
AccordionMinimalPerf.default 188 179 1.05:1
AnimationMinimalPerf.default 456 436 1.05:1
AvatarMinimalPerf.default 527 500 1.05:1
ChatDuplicateMessagesPerf.default 464 442 1.05:1
ListNestedPerf.default 641 610 1.05:1
ChatWithPopoverPerf.default 507 489 1.04:1
DialogMinimalPerf.default 906 872 1.04:1
HeaderMinimalPerf.default 436 419 1.04:1
HeaderSlotsPerf.default 904 867 1.04:1
ReactionMinimalPerf.default 466 450 1.04:1
TextMinimalPerf.default 419 403 1.04:1
BoxMinimalPerf.default 423 410 1.03:1
DividerMinimalPerf.default 435 423 1.03:1
DropdownManyItemsPerf.default 819 794 1.03:1
ImageMinimalPerf.default 445 432 1.03:1
LayoutMinimalPerf.default 463 451 1.03:1
PortalMinimalPerf.default 176 171 1.03:1
ToolbarMinimalPerf.default 1045 1019 1.03:1
Checkbox.Fluent 683 661 1.03:1
Text.Fluent 409 398 1.03:1
ButtonSlotsPerf.default 651 640 1.02:1
ButtonUseCssPerf.default 897 876 1.02:1
CheckboxMinimalPerf.default 3024 2955 1.02:1
ItemLayoutMinimalPerf.default 1423 1401 1.02:1
MenuMinimalPerf.default 954 939 1.02:1
PopupMinimalPerf.default 734 723 1.02:1
RadioGroupMinimalPerf.default 490 480 1.02:1
TreeMinimalPerf.default 978 963 1.02:1
VideoMinimalPerf.default 707 690 1.02:1
Tooltip.Fluent 585 573 1.02:1
ButtonOverridesMissPerf.default 1790 1773 1.01:1
CardMinimalPerf.default 621 615 1.01:1
MenuButtonMinimalPerf.default 1728 1715 1.01:1
ProviderMinimalPerf.default 1029 1020 1.01:1
SplitButtonMinimalPerf.default 4041 3991 1.01:1
TooltipMinimalPerf.default 870 861 1.01:1
Dialog.Fluent 871 862 1.01:1
Dropdown.Fluent 3037 2995 1.01:1
ButtonUseCssNestingPerf.default 1149 1152 1:1
DropdownMinimalPerf.default 3051 3037 1:1
FormMinimalPerf.default 489 491 1:1
InputMinimalPerf.default 1373 1374 1:1
ListMinimalPerf.default 530 530 1:1
SkeletonMinimalPerf.default 476 477 1:1
StatusMinimalPerf.default 823 824 1:1
TableManyItemsPerf.default 2411 2401 1:1
CustomToolbarPrototype.default 3928 3944 1:1
Avatar.Fluent 963 967 1:1
Button.Fluent 627 630 1:1
Slider.Fluent 1598 1600 1:1
EmbedMinimalPerf.default 4324 4354 0.99:1
LabelMinimalPerf.default 465 468 0.99:1
ListCommonPerf.default 723 727 0.99:1
ProviderMergeThemesPerf.default 2040 2057 0.99:1
SegmentMinimalPerf.default 396 401 0.99:1
SliderMinimalPerf.default 1583 1592 0.99:1
AttachmentSlotsPerf.default 1228 1250 0.98:1
FlexMinimalPerf.default 326 334 0.98:1
LoaderMinimalPerf.default 760 776 0.98:1
TextAreaMinimalPerf.default 558 567 0.98:1
Image.Fluent 440 447 0.98:1
AlertMinimalPerf.default 333 347 0.96:1
CarouselMinimalPerf.default 476 498 0.96:1
TreeWith60ListItems.default 211 222 0.95:1
IconMinimalPerf.default 691 762 0.91:1

@size-auditor
Copy link

size-auditor bot commented Nov 20, 2020

Asset size changes

⚠️ Insufficient baseline data to detect size changes

Unable to find bundle size details for Baseline commit: f1c0db2

Possible causes

  • The baseline build f1c0db2 is broken
  • The Size Auditor run for the baseline build f1c0db2 was not triggered

Recommendations

  • Please merge your branch for this Pull request with the latest master build and commit your changes once again

@ecraig12345 ecraig12345 changed the title Disable grouped build output Disable grouped build output and fix the build issue Nov 20, 2020
@DustyTheBot
Copy link

DustyTheBot commented Nov 20, 2020

Warnings
⚠️ There are no updates provided to CHANGELOG. Ensure there are no publicly visible changes introduced by this PR.

Generated by 🚫 dangerJS against cbf024f

@ecraig12345
Copy link
Member Author

This is the error:

/tmp/project-cra-103301F8j9h1bkoQT/test-app/src/App.tsx
TypeScript error in /tmp/project-cra-103301F8j9h1bkoQT/test-app/src/App.tsx(22,7):
Could not find a declaration file for module 'react/jsx-runtime'. '/tmp/project-cra-103301F8j9h1bkoQT/test-app/node_modules/react/jsx-runtime.js' implicitly has an 'any' type.

I suspect this issue's sudden appearance has to do with today's release of typescript@4.1.2. All the other packages I'd be inclined to suspect haven't updated for at least a week (create-react-app, cra-template-typescript, @types/react, react).

I'm going to try and find a workaround to unblock builds, but @miroslavstastny or @layershifter should look into this and figure out the right longer-term fix.

Full log output:

================================================================================
test:projects:cra-ts : STEP 1. Create test React project with TSX scripts..
================================================================================
info No lockfile found.
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
success Saved lockfile.
success Saved 77 new dependencies.
info Direct dependencies
└─ create-react-app@4.0.0
info All dependencies
├─ ansi-escapes@4.3.1
├─ ansi-regex@5.0.0
├─ ansi-styles@4.3.0
├─ at-least-node@1.0.0
├─ balanced-match@1.0.0
├─ block-stream@0.0.9
├─ brace-expansion@1.1.11
├─ buffer-from@0.1.2
├─ builtins@1.0.3
├─ chalk@4.1.0
├─ chardet@0.7.0
├─ cli-cursor@3.1.0
├─ cli-width@3.0.0
├─ color-convert@2.0.1
├─ color-name@1.1.4
├─ commander@4.1.1
├─ concat-map@0.0.1
├─ create-react-app@4.0.0
├─ cross-spawn@7.0.3
├─ debug@2.6.9
├─ duplexer2@0.0.2
├─ emoji-regex@8.0.0
├─ envinfo@7.7.3
├─ escape-string-regexp@1.0.5
├─ external-editor@3.1.0
├─ figures@3.2.0
├─ fs-extra@9.0.1
├─ fs.realpath@1.0.0
├─ fstream-ignore@1.0.5
├─ fstream@1.0.12
├─ graceful-fs@4.2.4
├─ has-flag@4.0.0
├─ hyperquest@2.1.3
├─ iconv-lite@0.4.24
├─ inflight@1.0.6
├─ inquirer@7.3.3
├─ is-fullwidth-code-point@3.0.0
├─ isexe@2.0.0
├─ jsonfile@6.1.0
├─ lodash@4.17.20
├─ mimic-fn@2.1.0
├─ minimatch@3.0.4
├─ minimist@1.2.5
├─ mkdirp@0.5.5
├─ ms@2.0.0
├─ mute-stream@0.0.8
├─ onetime@5.1.2
├─ os-tmpdir@1.0.2
├─ path-is-absolute@1.0.1
├─ path-key@3.1.1
├─ process-nextick-args@2.0.1
├─ readable-stream@2.3.7
├─ restore-cursor@3.1.0
├─ rimraf@2.7.1
├─ run-async@2.4.1
├─ rxjs@6.6.3
├─ safe-buffer@5.1.2
├─ safer-buffer@2.1.2
├─ semver@7.3.2
├─ shebang-command@2.0.0
├─ shebang-regex@3.0.0
├─ signal-exit@3.0.3
├─ string-width@4.2.0
├─ supports-color@7.2.0
├─ tar-pack@3.4.1
├─ tar@2.2.2
├─ through@2.3.8
├─ through2@0.6.5
├─ tmp@0.2.1
├─ tslib@1.14.1
├─ type-fest@0.11.0
├─ uid-number@0.0.6
├─ universalify@1.0.0
├─ util-deprecate@1.0.2
├─ validate-npm-package-name@3.0.0
├─ which@2.0.2
└─ xtend@4.0.2
warning package.json: No license field
$ /tmp/project-cra-103301F8j9h1bkoQT/util/node_modules/.bin/create-react-app /tmp/project-cra-103301F8j9h1bkoQT/test-app --template typescript
Creating a new React app in /tmp/project-cra-103301F8j9h1bkoQT/test-app.
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template-typescript...
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
warning "react-scripts > @typescript-eslint/eslint-plugin > tsutils@3.17.1" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
[4/4] Building fresh packages...
success Saved lockfile.
success Saved 29 new dependencies.
info Direct dependencies
├─ cra-template-typescript@1.1.0
├─ react-dom@17.0.1
├─ react-scripts@4.0.0
└─ react@17.0.1
info All dependencies
├─ @babel/plugin-proposal-decorators@7.12.1
├─ @babel/plugin-syntax-decorators@7.12.1
├─ @babel/plugin-syntax-flow@7.12.1
├─ @babel/plugin-transform-flow-strip-types@7.12.1
├─ @babel/plugin-transform-runtime@7.12.1
├─ @babel/plugin-transform-typescript@7.12.1
├─ @babel/preset-typescript@7.12.1
├─ babel-plugin-named-asset-import@0.3.7
├─ babel-preset-react-app@10.0.0
├─ cli-width@3.0.0
├─ confusing-browser-globals@1.0.10
├─ core-js@3.7.0
├─ cra-template-typescript@1.1.0
├─ eslint-config-react-app@6.0.0
├─ filesize@6.1.0
├─ fork-ts-checker-webpack-plugin@4.1.6
├─ immer@7.0.9
├─ inquirer@7.3.3
├─ promise@8.1.0
├─ react-app-polyfill@2.0.0
├─ react-dev-utils@11.0.0
├─ react-dom@17.0.1
├─ react-error-overlay@6.0.8
├─ react-scripts@4.0.0
├─ react@17.0.1
├─ run-async@2.4.1
├─ rxjs@6.6.3
├─ scheduler@0.20.1
└─ whatwg-fetch@3.5.0
Initialized a git repository.

Installing template dependencies using yarnpkg...
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
warning " > @testing-library/user-event@12.2.2" has unmet peer dependency "@testing-library/dom@>=7.21.4".
[4/4] Building fresh packages...
success Saved lockfile.
success Saved 23 new dependencies.
info Direct dependencies
├─ @testing-library/jest-dom@5.11.6
├─ @testing-library/react@11.2.1
├─ @testing-library/user-event@12.2.2
├─ @types/jest@26.0.15
├─ @types/node@12.19.6
├─ @types/react-dom@16.9.9
├─ @types/react@16.9.56
├─ react-dom@17.0.1
├─ react@17.0.1
├─ typescript@4.1.2
└─ web-vitals@0.2.4
info All dependencies
├─ @testing-library/dom@7.28.0
├─ @testing-library/jest-dom@5.11.6
├─ @testing-library/react@11.2.1
├─ @testing-library/user-event@12.2.2
├─ @types/aria-query@4.2.0
├─ @types/jest@26.0.15
├─ @types/node@12.19.6
├─ @types/prop-types@15.7.3
├─ @types/react-dom@16.9.9
├─ @types/react@16.9.56
├─ @types/testing-library__jest-dom@5.9.5
├─ css.escape@1.5.1
├─ css@3.0.0
├─ csstype@3.0.5
├─ dom-accessibility-api@0.5.4
├─ lz-string@1.4.4
├─ min-indent@1.0.1
├─ react-dom@17.0.1
├─ react@17.0.1
├─ redent@3.0.0
├─ strip-indent@3.0.0
├─ typescript@4.1.2
└─ web-vitals@0.2.4
We detected TypeScript in your project (src/App.test.tsx) and created a tsconfig.json file for you.
Your tsconfig.json has been populated with default values.
Removing template package using yarnpkg...
[1/2] Removing module cra-template-typescript...
[2/2] Regenerating lockfile and installing missing dependencies...
warning " > @testing-library/user-event@12.2.2" has unmet peer dependency "@testing-library/dom@>=7.21.4".
success Uninstalled packages.
Created git commit.
Success! Created test-app at /tmp/project-cra-103301F8j9h1bkoQT/test-app
...
================================================================================
test:projects:cra-ts : Test React project is successfully created: /tmp/project-cra-103301F8j9h1bkoQT/test-app
================================================================================
================================================================================
test:projects:cra-ts : STEP 2. Add Fluent UI dependency to test project..
================================================================================
================================================================================
test:projects:cra-ts : ✔️ Packages already packed
================================================================================
[1/4] Resolving packages...
warning @fluentui/react-northstar-fela-renderer > react-fela > fela-bindings > react-addons-shallow-compare > fbjs > core-js@1.2.7: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
[2/4] Fetching packages...
warning Pattern ["@fluentui/react-northstar@/tmp/project-packed-103304q2mQ4EwtQfd/react-northstar.tgz"] is trying to unpack in the same destination "/home/devops/.cache/yarn/v6/npm-@fluentui-react-northstar-0.51.0-f95ab8ca402bad1271a1a151e9ad3fa11d95e149/node_modules/@fluentui/react-northstar" as pattern ["@fluentui/react-northstar@file:/tmp/project-packed-103304q2mQ4EwtQfd/react-northstar.tgz"]. This could result in non-deterministic behavior, skipping.
[3/4] Linking dependencies...
warning " > @fluentui/react-component-event-listener@0.51.0" has incorrect peer dependency "react@^16.8.0".
warning " > @fluentui/react-component-event-listener@0.51.0" has incorrect peer dependency "react-dom@^16.8.0".
warning " > @fluentui/react-northstar-styles-renderer@0.51.0" has incorrect peer dependency "react@^16.8.0".
warning " > @fluentui/react-component-nesting-registry@0.51.0" has incorrect peer dependency "react@^16.8.0".
warning " > @fluentui/react-component-nesting-registry@0.51.0" has incorrect peer dependency "react-dom@^16.8.0".
warning " > @fluentui/react-northstar-fela-renderer@0.51.0" has incorrect peer dependency "react@^16.8.0".
warning " > @fluentui/react-northstar-fela-renderer@0.51.0" has incorrect peer dependency "react-dom@^16.8.0".
warning "@fluentui/react-northstar-fela-renderer > react-fela@10.8.2" has incorrect peer dependency "react@^16.3.0".
warning " > @fluentui/react-context-selector@0.51.0" has incorrect peer dependency "react@^16.8.0".
warning " > @fluentui/react-component-ref@0.51.0" has incorrect peer dependency "react@^16.8.0".
warning " > @fluentui/react-component-ref@0.51.0" has incorrect peer dependency "react-dom@^16.8.0".
warning " > @fluentui/react-bindings@0.51.0" has incorrect peer dependency "react@^16.8.0".
warning " > @fluentui/react-bindings@0.51.0" has incorrect peer dependency "react-dom@^16.8.0".
warning "@fluentui/react-bindings > @fluentui/react-compose@0.19.12" has incorrect peer dependency "react@>=16.8.0 <17.0.0".
warning "@fluentui/react-bindings > @uifabric/utilities@7.33.2" has incorrect peer dependency "react@>=16.8.0 <17.0.0".
warning "@fluentui/react-bindings > @uifabric/utilities@7.33.2" has incorrect peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-icons-northstar@0.51.0" has incorrect peer dependency "react@^16.8.0".
warning " > @fluentui/react-icons-northstar@0.51.0" has incorrect peer dependency "react-dom@^16.8.0".
warning " > @fluentui/react-northstar@0.51.0" has incorrect peer dependency "react@^16.8.0".
warning " > @fluentui/react-northstar@0.51.0" has incorrect peer dependency "react-dom@^16.8.0".
warning " > @testing-library/user-event@12.2.2" has unmet peer dependency "@testing-library/dom@>=7.21.4".
warning " > @fluentui/react-northstar@0.51.0" has incorrect peer dependency "react@^16.8.0".
warning " > @fluentui/react-northstar@0.51.0" has incorrect peer dependency "react-dom@^16.8.0".
[4/4] Building fresh packages...
success Saved lockfile.
success Saved 50 new dependencies.
info Direct dependencies
└─ @fluentui/react-northstar@0.51.0
info All dependencies
├─ @emotion/hash@0.8.0
├─ @emotion/memoize@0.7.4
├─ @emotion/serialize@0.11.16
├─ @emotion/unitless@0.7.5
├─ @emotion/utils@0.11.3
├─ @fluentui/accessibility@0.51.0
├─ @fluentui/react-bindings@0.51.0
├─ @fluentui/react-component-event-listener@0.51.0
├─ @fluentui/react-component-nesting-registry@0.51.0
├─ @fluentui/react-component-ref@0.51.0
├─ @fluentui/react-compose@0.19.12
├─ @fluentui/react-context-selector@0.51.0
├─ @fluentui/react-icons-northstar@0.51.0
├─ @fluentui/react-northstar-fela-renderer@0.51.0
├─ @fluentui/react-northstar-styles-renderer@0.51.0
├─ @fluentui/react-northstar@0.51.0
├─ @fluentui/react-proptypes@0.51.0
├─ @fluentui/state@0.51.0
├─ @fluentui/styles@0.51.0
├─ @quid/stylis-plugin-focus-visible@4.0.0
├─ @types/classnames@2.2.11
├─ @uifabric/merge-styles@7.19.1
├─ asap@2.0.6
├─ cssjanus@1.3.2
├─ csstype@2.6.14
├─ dom-helpers@5.2.0
├─ encoding@0.1.13
├─ fbjs@0.8.17
├─ fela-bindings@10.8.2
├─ fela-plugin-custom-property@10.8.2
├─ fela-plugin-embedded@10.8.2
├─ fela-plugin-fallback-value@10.8.2
├─ fela-plugin-placeholder-prefixer@10.8.2
├─ fela-plugin-rtl@10.8.2
├─ fela-tools@10.8.2
├─ fela@10.8.2
├─ hyphenate-style-name@1.0.4
├─ inline-style-expand-shorthand@1.2.0
├─ is-stream@1.1.0
├─ isomorphic-fetch@2.2.1
├─ node-fetch@1.7.3
├─ react-addons-shallow-compare@15.6.2
├─ react-fela@10.8.2
├─ rtl-css-js@1.14.0
├─ safer-buffer@2.1.2
├─ setimmediate@1.0.5
├─ shallow-equal@1.2.1
├─ stylis-plugin-rtl@1.1.0
├─ ua-parser-js@0.7.22
└─ whatwg-fetch@3.5.0
================================================================================
test:projects:cra-ts : ✔️ Fluent UI packages were added to dependencies
================================================================================

================================================================================
test:projects:cra-ts : STEP 3. Reference Fluent UI components in test project's App.tsx
================================================================================
================================================================================
test:projects:cra-ts : STEP 4. Build test project..
================================================================================
$ react-scripts build
The following changes are being made to your tsconfig.json file:
  - compilerOptions.jsx must be react-jsx (to support the new JSX transform in React 17)
Creating an optimized production build...
Failed to compile.

/tmp/project-cra-103301F8j9h1bkoQT/test-app/src/App.tsx
TypeScript error in /tmp/project-cra-103301F8j9h1bkoQT/test-app/src/App.tsx(22,7):
Could not find a declaration file for module 'react/jsx-runtime'. '/tmp/project-cra-103301F8j9h1bkoQT/test-app/node_modules/react/jsx-runtime.js' implicitly has an 'any' type.
  If the 'react' package actually exposes this module, consider sending a pull request to amend 'https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react`  TS7016

    20 |   render() {
    21 |     return (
  > 22 |       <Provider theme={teamsTheme}>
       |       ^
    23 |         <div>
    24 |           <Accordion panels={[{ title: 'Title', content: 'Content' }]} />
    25 |           <Animation name="spinner">

error Command failed with exit code 1.

@ecraig12345
Copy link
Member Author

Figured out the issue: for some reason typescript@4.1.2 starts emitting an import of react/jsx-runtime in all React files. Problem is that it does this before type checking, and that path doesn't exist in @types/react currently. The temporary workaround is to add an extra step in the test to make it downgrade to TS 4.0 (which we can remove once the issue is sorted out).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

8 participants