You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Currently SampleMetadataImportWizard is wrapped around each route in the sample metadata import. This causes the page header and the steps to be re-rendered each time the child component needs to be re-rendered. What needs to happen is that a layout component needs to be created to handle this and instead of wrapping each route, use react-router-dom's component Outlet. The router in src/main/webapp/resources/js/pages/projects/samples-metadata-import/index.js will need to be re-written to look something like this:
What needs changed?
Currently
SampleMetadataImportWizard
is wrapped around each route in the sample metadata import. This causes the page header and the steps to be re-rendered each time the child component needs to be re-rendered. What needs to happen is that a layout component needs to be created to handle this and instead of wrapping each route, use react-router-dom's componentOutlet
. The router insrc/main/webapp/resources/js/pages/projects/samples-metadata-import/index.js
will need to be re-written to look something like this:Additional information
A good example can be seen from the react-router-dom documentation: https://reactrouter.com/en/main/components/outlet and their example repo: https://github.com/remix-run/react-router/blob/dev/examples/basic/src/App.tsx
The text was updated successfully, but these errors were encountered: