The plate hooks must be used inside the <PlateProvider id={id}> component's context.

[karthikcodes6]

Why I'm getting this after upgrading to the new plate version?

[zbeyens]

This is a new requirement when using plate hooks outside Plate component, the plate store needs to be loaded first (with the provider) otherwise the hooks get broken.

[karthikcodes6]

Any example how to fix it?

…

On Wed, 23 Mar 2022 at 7:58 PM, Ziad Beyens ***@***.***> wrote: This is a new requirement when using plate hooks outside Plate component, the plate store needs to be loaded first (with the provider) otherwise the hooks get broken. — Reply to this email directly, view it on GitHub <#1455 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AF6IJU6ZSFPYEFDELI7QMR3VBMTBNANCNFSM5ROGPBOA> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[karthikcodes6]

Looks like I need to wrap the component with withPlateEventProvider

[CloudDrivenSolutions]

If I wrap the component then the store doesn't work anymore.

[zbeyens]

Example:

() => {
  const id = 'plate';
  
  const Component = () => {
    const useSelectors = usePlateSelectors(id);
    const enabled = useSelectors ? useSelectors.enabled() : null;
    
    return (
      <>
        <button
          className="cursor-pointer"
          type="button"
          onClick={() => {
            getPlateActions(id).enabled(!enabled);
          }}
        >
          {enabled ? 'Disable editor' : 'Enable editor'}
        </button>
        <button
          className="ml-2 cursor-pointer"
          type="button"
          onClick={() => {
            getPlateActions(id).resetEditor();
          }}
        >
          Reset editor (history)
        </button>
        <p />
        <Plate
          id={id}
          editableProps={CONFIG.editableProps}
          initialValue={VALUES.plainText}
        />
      </>
    )
  }
  
​
  return (
    <PlateProvider id={id}>
      <Component />
    </PlateProvider>
  );
}

[Viktor19931]

could not find getPlateActions import