Pages component transition issue

[StylianosKoidakisSage]

Current behaviour

When we use Pages component with Page as a child in a different component then there is an error: props.transitionName is not a function

Same happens also when the list of pages is been returned by a method.

Expected behaviour

Error will not occur and pages component could work as expected

CodeSandbox or Storybook URL

https://codesandbox.io/s/transition-error-test-forked-bnk1q?file=/src/index.js

JIRA Ticket (Sage Only)

No response

Suggested Solution

For now instead of using <TestPage /> we use TestPage().

Carbon Version

102.4.3

What browsers are you seeing the problem on?

Chrome

What Operating System are you seeing the problem on?

MacOS

Anything else we should know?

No response

Confidentiality

• [X] I confirm there is no confidential or commercially sensitive information included.

[mkrds]

FE-4702 - we'll decide after an investigation if this is meant to be fixed on our side or on client side

In the meantime check the codesandbox to see how to solve it on your own: https://codesandbox.io/s/transition-error-test-forked-qw77d