jaeger/1.64.0 package update

[octo-sts]

[octo-sts]

Gen AI suggestions to solve the build error:

• Detected Error: "LuLoader2" is not exported by "../../node_modules/react-icons/lu/index.mjs"

• Error Category: Dependency/Build

• Failure Point: UI build step in jaeger-all-in-one subpackage, specifically in LoadingIndicator.tsx

• Root Cause Analysis: The build is failing because it's trying to import a React icon component (LuLoader2) that doesn't exist in the specified version of react-icons package.

• Suggested Fix:

1. Modify src/components/common/LoadingIndicator.tsx to use the correct icon import:

// Replace
import { LuLoader2 } from 'react-icons/lu';

// With one of these alternatives
import { LuLoader } from 'react-icons/lu';
// or
import { AiOutlineLoading } from 'react-icons/ai';

2. Or update the react-icons package to a version that includes LuLoader2:

pipeline:
  - runs: |
      if [[ "${{range.key}}" = "all-in-one" ]]; then
        yarn add react-icons@latest
        yarn install --frozen-lockfile --cwd jaeger-ui
        cd jaeger-ui/packages/jaeger-ui/build
        yarn build
      fi

• Explanation: The error occurs because the code is trying to use an icon component that isn't available in the installed version of react-icons. Either using an alternative icon that exists in the current package version or updating to a newer version containing the desired icon will resolve the build failure.

• Additional Notes:

• This is a UI-specific issue in the Jaeger frontend build
• The error is not related to the core Jaeger functionality
• Alternative loading icons can be used without impacting core functionality
• Consider adding explicit version pins for UI dependencies to prevent similar issues

• References:

• React Icons Documentation: https://react-icons.github.io/react-icons/
• Jaeger UI Contributing Guide: https://github.com/jaegertracing/jaeger-ui/blob/main/CONTRIBUTING.md

[octo-sts]

Gen AI suggestions to solve the build error:

• Detected Error: "LuLoader2" is not exported by "../../node_modules/react-icons/lu/index.mjs"

• Error Category: Dependency/Build

• Failure Point: UI build process in the jaeger-all-in-one subpackage, specifically in LoadingIndicator.tsx

• Root Cause Analysis:
The build is failing because it cannot find the LuLoader2 icon in the react-icons/lu package. This likely indicates either:

1. An incorrect import statement
2. A missing or incompatible react-icons version
3. A breaking change in react-icons package

• Suggested Fix:

1. Update the LoadingIndicator.tsx file to use the correct icon import:

// Change from
import { LuLoader2 } from 'react-icons/lu';

// To either
import { Loader2 as LuLoader2 } from 'react-icons/lu';
// or use a different loading icon
import { CgSpinner } from 'react-icons/cg';

2. Add react-icons as an explicit dependency in package.json:

{
  "dependencies": {
    "react-icons": "^4.12.0"
  }
}

• Explanation:
The error suggests a mismatch between the imported icon name and what's actually exported by react-icons. The fix either corrects the import name or switches to a known working icon component.

• Additional Notes:

• React Icons sometimes changes their exports between versions
• Consider adding a lockfile to prevent dependency resolution issues
• The build system shows multiple warnings about bundle sizes which could be addressed separately

• References:

• React Icons documentation: https://react-icons.github.io/react-icons/
• Vite build documentation: https://vitejs.dev/guide/build.html
• Relevant React Icons issue: Support type="solid" for boxicons react-icons/react-icons#538

[octo-sts]

Gen AI suggestions to solve the build error:

Based on the error output, I'll provide a structured analysis and solution:

• Detected Error:

"LuLoader2" is not exported by "../../node_modules/react-icons/lu/index.mjs", imported by "src/components/common/LoadingIndicator.tsx"

• Error Category: Dependency/Build

• Failure Point:
UI build step during the Jaeger all-in-one package compilation, specifically in LoadingIndicator.tsx component

• Root Cause Analysis:
The build is failing because it's trying to use the LuLoader2 icon from react-icons/lu which either:

1. Doesn't exist in the version being installed
2. Has been renamed/moved in a recent version
3. Is not properly exported from the package

• Suggested Fix:
Replace the import with a working alternative. Add this to the package.json patches:

pipeline:
  - runs: |
      cd jaeger-ui/packages/jaeger-ui
      sed -i 's/import { LuLoader2 } from '\''react-icons\/lu'\''/import { AiOutlineLoading } from '\''react-icons\/ai'\''/' src/components/common/LoadingIndicator.tsx
      sed -i 's/LuLoader2/AiOutlineLoading/' src/components/common/LoadingIndicator.tsx

• Explanation:
The fix replaces the problematic icon import with a known working alternative from the Ant Design icon set (react-icons/ai). This should resolve the build error while maintaining the loading indicator functionality.

• Additional Notes:

• The error is occurring during the Vite build process
• This appears to be a UI component dependency issue rather than a core functionality problem
• The fix maintains the loading indicator functionality while using a different icon from a more stable icon set

• References:

• React Icons Documentation: https://react-icons.github.io/react-icons
• Jaeger UI Components: https://github.com/jaegertracing/jaeger-ui/tree/main/packages/jaeger-ui/src/components

This fix should allow the build to complete successfully while maintaining the intended functionality of the loading indicator component.

[hbh7]

Related with the same build failure: #36694

[octo-sts]

superseded by #39045