fix(forms): solve issue when schema is used in Wizard (#3680)

> Cannot access 'errorMessagesRef' before initialization

packages/dnb-eufemia/src/extensions/forms/Wizard/Container/__tests__/WizardContainer.test.tsx

@@ -1276,6 +1276,60 @@ describe('Wizard.Container', () => {
     log.mockRestore()
   })
 
+  it('should support schema', async () => {
+    const schema = {
+      type: 'object',
+      properties: {
+        foo: {
+          type: 'string',
+        },
+        bar: {
+          type: 'string',
+        },
+      },
+      required: ['foo', 'bar'],
+    } as const
+
+    render(
+      <Form.Handler schema={schema}>
+        <Wizard.Container>
+          <Wizard.Step title="Step 1">
+            <output>Step 1</output>
+            <Field.String path="/foo" />
+            <Wizard.Buttons />
+          </Wizard.Step>
+          <Wizard.Step title="Step 2">
+            <output>Step 2</output>
+            <Field.String path="/bar" />
+            <Wizard.Buttons />
+          </Wizard.Step>
+        </Wizard.Container>
+        <Form.SubmitButton />
+      </Form.Handler>
+    )
+
+    expect(output()).toHaveTextContent('Step 1')
+    expect(screen.queryByRole('alert')).toBeNull()
+
+    fireEvent.click(nextButton())
+
+    expect(output()).toHaveTextContent('Step 1')
+    expect(screen.queryByRole('alert')).toBeInTheDocument()
+
+    await userEvent.type(document.querySelector('input'), 'valid')
+    expect(screen.queryByRole('alert')).toBeNull()
+
+    await userEvent.click(nextButton())
+
+    expect(output()).toHaveTextContent('Step 2')
+    expect(screen.queryByRole('alert')).toBeNull()
+
+    await userEvent.click(submitButton())
+
+    expect(output()).toHaveTextContent('Step 2')
+    expect(screen.queryByRole('alert')).toBeInTheDocument()
+  })
+
   describe('prerenderFieldProps and filterData', () => {
     it('should keep field props in memory during step change', async () => {
       const filterDataHandler = jest.fn(({ props }) => {

packages/dnb-eufemia/src/extensions/forms/hooks/useFieldProps.ts

@@ -259,6 +259,15 @@ export default function useFieldProps<
     schema ? dataContext.ajvInstance?.compile(schema) : undefined
   )
 
+  // Needs to be placed before "prepareError"
+  const errorMessagesRef = useRef(null)
+  errorMessagesRef.current = useMemo(() => {
+    return {
+      required: translation.Field.errorRequired,
+      ...errorMessages,
+    }
+  }, [errorMessages, translation.Field.errorRequired])
+
   // - Async behavior
   const asyncBehaviorIsEnabled = useMemo(() => {
     return isAsync(onChange) || isAsync(onChangeContext)
@@ -406,14 +415,6 @@ export default function useFieldProps<
     )
   }, [errorProp])
 
-  const errorMessagesRef = useRef(null)
-  errorMessagesRef.current = useMemo(() => {
-    return {
-      required: translation.Field.errorRequired,
-      ...errorMessages,
-    }
-  }, [errorMessages, translation.Field.errorRequired])
-
   /**
    * Based on validation, update error state, locally and relevant surrounding contexts
    */