Skip to content

Firefly-1835: Upgrade to react 19#1866

Merged
robyww merged 1 commit intodevfrom
FIREFLY-1835-react19
Oct 20, 2025
Merged

Firefly-1835: Upgrade to react 19#1866
robyww merged 1 commit intodevfrom
FIREFLY-1835-react19

Conversation

@robyww
Copy link
Contributor

@robyww robyww commented Oct 17, 2025

Firefly-1835: Upgrade to react 19

  • react 19
  • replace react-sizeme with newer JS API ResizeObserver
    • react-sizeme does not support react 19.
  • remove unsupported defaultProps
  • propTypes are still in the code but react now ignores them.
  • removed uses for forwardRef
    • the ref is now passed as a prop without using forwardRef
  • updated some other packages, as many as easily possible.
  • updated supported browser list (no driver here, just an annual task)

Testing

@robyww robyww requested review from kpuriIpac and loitly October 17, 2025 17:26
@robyww robyww force-pushed the FIREFLY-1835-react19 branch from 5d30e62 to 685097e Compare October 17, 2025 17:29
@robyww robyww self-assigned this Oct 17, 2025
@robyww robyww added UI Client side UI changes not related to any of the visualizers Infrastructure labels Oct 17, 2025
@robyww robyww added this to the 2025.5 milestone Oct 17, 2025
@robyww robyww force-pushed the FIREFLY-1835-react19 branch from 685097e to 0c0dab5 Compare October 17, 2025 18:25
Copy link
Contributor

@loitly loitly left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Changes look good. I spot-tested the applications, and everything seem to be working fine.

import PropTypes from 'prop-types';
import {Box, ChipDelete, Divider, Stack} from '@mui/joy';
import {get, isEmpty, isUndefined} from 'lodash';
import {wrapResizer} from '../../ui/NewResizer';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I suggest not using the word 'New' in the name, since it may lose relevance over time. Since it exports a function rather than the component itself, a name like ResizeHelper (or something similar) would be more suitable.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I agree, I was using the name in an experiment. I meant to change it.

Copy link
Contributor

@kpuriIpac kpuriIpac left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested the apps with a few basic searches and uploads. Everything looks good.

- Replace react-sizeme with newer JS API ResizeObserver
- React-sizeme does not support react 19.
- Remove unsupported defaultProps
- propTypes are still in the code but react now ignores them.
- Removed uses for forwardRef
- The ref is now passed as a prop without using forwardRef
- Updated some other packages, as many as easily possible.
- Updated supported browser list (no driver here, just an annual task)
@robyww robyww force-pushed the FIREFLY-1835-react19 branch from 0c0dab5 to b5e95f0 Compare October 20, 2025 18:38
@robyww robyww merged commit 6ba159c into dev Oct 20, 2025
@robyww robyww deleted the FIREFLY-1835-react19 branch October 20, 2025 18:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement Infrastructure UI Client side UI changes not related to any of the visualizers

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants