Recibí un error similar, pero no con Appbar. Estaba tratando de crear mi propia biblioteca de componentes npm con componentes mui v5.

ERROR en ./node_modules/comp-lib-mui5-sample/dist/esm/index.js 1293:9-29

exportar 'useInsertionEffect' (importado como 'e') no se encontró en 'react' (exportaciones posibles: Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, cloneElement, createContext, createElement, createFactory, createRef, forwardRef, isValidElement, perezoso, memo, useCallback, useContext, useDebugValue, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, versión)

Rebajar o mejorar el material y la emoción, el estilo no funcionó.

En mi rollup.config.js tuve:

 { input: "src/index.ts", output: [ { file: pkg.main, format: "cjs", sourcemap: true, }, { file: pkg.module, format: "esm", sourcemap: true, }, ], plugins: [ //plugins here ], }, { input: "dist/esm/types/index.d.ts", output: [{file: "dist/index.d.ts", format: "esm"}], plugins: [dts()], external: [/\.css$/], },

esm: la salida de esm se usa para crear la etiqueta <script type=module> en los navegadores modernos.
cjs: CommonJS, adecuado para Node y otros formatos de salida acumulativos de paquetes

Reparar

Nuevo rollup.config.ts que usa solo cjs:

 { ... output: [ { file: pkg.main, format: "cjs", sourcemap: true, }, // REMOVED esm from here ], plugins: [ //plugins here ], }, { input: "dist/types/index.d.ts", // CHANGED <--dist/esm/types/library.d.ts output: [{file: "dist/index.d.ts", format: "esm"}], plugins: [dts()], external: [/\.css$/], },

(funciona con "@emotion/react": "^11.8.2", "@emotion/styled": "^11.8.1", "@mui/material": "^5.5.2")

Ejemplos de repositorios:
repositorio de Git de la biblioteca de componentes
consumidor de la biblioteca Git repo
(consulte README.md para obtener más información).

Es posible que haya un error en la última versión de @emotion/react , 11.8.0 . Fue lanzado hace 3 horas, lo que explicaría por qué dejó de funcionar de repente.

Como solución alternativa, instale la versión anterior @emotion/react@11.7.1 para solucionar los problemas.

npm install @mui/material@5.4.2 @emotion/react@11.7.1 @emotion/styled@11.6.0 resuelve todo...

Este problema para otros componentes en mui lib también, puede degradar emotion/react a 11.7.1 hasta que se solucione 🚀

Me pasa lo mismo! ¡Se corrigió la degradación a 11.7.1!

Este fue un error causado por la referencia directa a useInsertionEffect en la lista de especificadores de la declaración de importación ( React.useInsertionEffect en lugar de React['useInsertion' + 'Effect'] ).

Se solucionó a partir de @emotion/react@11.8.1 : actualice a esa versión y el error debería desaparecer.