When rendering Univer Sheet in Next.js, the error "Cannot find 'univer.doc.text-selection-render-manager' registered by any injector." occurs.

[IchiharaGaku]

I want to render UniverSheet in Next.js. However, when selecting a cell on the sheet, the following error appears:

Error: [redi]: Cannot find "univer.doc.text-selection-render-manager" registered by any injector. The stack of dependencies is: "univer.doc.text-selection-render-manager".

The initial setup is defined within a component, which is then imported in app/page.tsx.

In the component's useEffect, plugins are defined as follows:

if (!containerRef.current) {
  throw Error("container not initialized");
}

const univer = new Univer({
   theme: defaultTheme,
   locale: LocaleType.EN_US,
   locales: {
        [LocaleType.EN_US]: Tools.deepMerge(
          SheetsEnUS,
          DocsUIEnUS,
          SheetsUIEnUS,
          UIEnUS,
          DesignEnUS,
          SheetsNumfmtEnUS
     ),
   },
});

univer.registerPlugin(UniverRenderEnginePlugin);
univer.registerPlugin(UniverFormulaEnginePlugin);
univer.registerPlugin(UniverUIPlugin, {
  container: containerRef.current,
  header: true,
  footer: true,
});

univer.registerPlugin(UniverSheetsPlugin);
univer.registerPlugin(UniverSheetsUIPlugin);
univer.registerPlugin(UniverDocsPlugin, {
  hasScroll: false,
});
univer.registerPlugin(UniverDocsUIPlugin);
univer.registerPlugin(UniverSheetsNumfmtPlugin);
univer.registerPlugin(UniverSheetsFormulaPlugin);

// create univer sheet instance
univer.createUnit(UniverInstanceType.UNIVER_SHEET, data);

The data looks like this:

const [data] = useState({
  appVersion: "3.0.0-alpha",
  id: "bs-sheet",
  locale: "enUS",
  name: "bs-sheet",
  sheets: {
    "bs-sheet": {
      id: "bs-sheet",
      name: "B/S",
      cellData: {},
      // other properties
    },
  },
});

I don't understand why this error occurs. Please let me know if you have any concerns or suggestions.

[IchiharaGaku]

Adding
containerRef.current = univer;
fixed the bug.

Sorry for the trouble.

[Mapuppy09]

Current please

[Maxth47]

I have no idea how to fix this problem from the answer above.
containerRef.current = univer; where this code should be placed ?

[Maxth47]

Now I got it,
to fix the bug, you should add containerRef.current = univer; to the bottom of the init function OR anywherer after univer.registerPlugin(UniverUIPlugin, { container: containerRef.current, }); as below:

    const init = (data = {}) => {
      if (!containerRef.current) {
        throw Error("container not initialized");
      }
      const univer = new Univer({
        theme: defaultTheme,
        locale: LocaleType.EN_US,
        locales: {},
      });
      univerRef.current = univer;

      // core plugins
      univer.registerPlugin(UniverRenderEnginePlugin);
      univer.registerPlugin(UniverFormulaEnginePlugin);
      univer.registerPlugin(UniverUIPlugin, {
        container: containerRef.current,
      });

      // doc plugins
      univer.registerPlugin(UniverDocsPlugin, {
        hasScroll: false,
      });
      univer.registerPlugin(UniverDocsUIPlugin);

      // sheet plugins
      univer.registerPlugin(UniverSheetsPlugin);
      univer.registerPlugin(UniverSheetsUIPlugin);
      univer.registerPlugin(UniverSheetsFormulaPlugin);

      // create workbook instance
      workbookRef.current = univer.createUnit(
        UniverInstanceType.UNIVER_SHEET,
        data
      );

      // craete Facade API instance
      fUniverRef.current = FUniver.newAPI(univer);

      containerRef.current = univer;    //  <<=== put the fix here
    };

[Maxth47]

containerRef.current = univer; 

this solution cause the problem that fUniverRef.current.undo() will no longer working properly

	useEffect(() => {
		init(data)

		fUniverRef.current.onCommandExecuted(async command => {
			if (command.id === 'sheet.command.set-worksheet-name') {
				console.log('>>> set worksheet name')
				fUniverRef.current.undo()
			}
		})

		return () => {
			destroyUniver()
		}
	}, [data])

[Mapuppy09]

I ask what is better support?

[Maxth47]

unfortunately, this lib has very small community and support.

[Mapuppy09]

Ok , what is the best for work ? Mayra delapaz

…

On Mon, Jul 29, 2024 at 2:00 AM Maxth47 ***@***.***> wrote: unfortunately, this lib has very small community and support. — Reply to this email directly, view it on GitHub <#2441 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BCOM4O5FJZ3U7OLSKIPWLDDZOXLAXAVCNFSM6AAAAABI5Y47QGVHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTAMJXGU4TIOI> . You are receiving this because you commented.Message ID: ***@***.***>