useComponentData is not working with 7.0.0

[ManaliV]

If I useComponentData with 2.3.0 version I don't see any issue but to get key of component being renderendered if I use useComponentData with 7.0.0 I see an error that "The context ComponentDataContext was not found!" , Looks like with 2.3.0 context was set internally now how to set the context?
Could you kindly give an example to use useComponentData with 7.0.0 version?
I am using custom component

[ashalugin]

@ManaliV Please share the code so that we can reproduce the issue.

[ManaliV]

const StudentCode = () => {

    const uiControls: Type = [
  {
    label: 'Student ID:',
    type: 'text',
   
    key: 'Student0',
   index: 0
  },
  .....................
];

    return (
        <MyCode label="Student">
            <UIControls uiControls={controls} />
        </MyCode>
    );
};

export default StudentCode;

const StudentControl = (props: any) => {
    return (
        <div className={props.className}>
            <StudentCode />
        </div>
    );
}

export const StudentBuilder = define(StudentControl, 'Student')
    .name(`Student`)
    .category('MyCode')
    .props({
        value: array.valued.default([]),
    });

const MyView = () => {
  const myComponent = [StudentBuilder.build()];
  return new BuilderView([...myComponent]);
};

  <FormBuilder
                      view={MyView()}
                      getForm={getForm()}
                    ................
                      />

<FormViewer
                   view={MyView()}
                   getForm={getForm()}
                   .......
                   />     

In UIControls I want to check what is rendering and for that we're using const {key} = useComponentData(),

It was working perfectly with 2.3.0 but now with builder I get an error "The context ComponentDataContext was not found!" and with viewer I get below error

Cannot convert undefined or null to object
Call Stack
 qt
  renderer.dev.js:2988:17
 fn
  renderer.dev.js:2986:156
 (anonymous function)
  renderer.dev.js:2992:14
 qt
  renderer.dev.js:2988:25
 fn
  renderer.dev.js:2986:156
 (anonymous function)
  renderer.dev.js:2984:23
 (anonymous function)
  renderer.dev.js:307368:23

Builder Error is resolved if I don't use const {key} = useComponentData() but viewer error is still not resolved and still getting Cannot convert undefined or null to object

[ManaliV]

@ashalugin Please check above

[ashalugin]

@ManaliV I cannot find useComponentData() in the code you provided.

The code below works in both FormBuilder and FormViewer.

import {array, define, useComponentData} from '@react-form-builder/core'

const UIControls = () => {
  const {key} = useComponentData()
  return <span>{key}</span>
}

const StudentCode = () => {
  return (
    <UIControls/>
  )
}

const StudentControl = (props: any) => {
  return (
    <div className={props.className}>
      <StudentCode/>
    </div>
  )
}

export const StudentBuilder = define(StudentControl, 'Student')
  .name(`Student`)
  .category('MyCode')
  .props({
    value: array.valued.default([]),
  })