MUI Joy UI Autocomplete crashing my app

[jesuschrist-immanuel]

Steps to reproduce

Link to repo: https://github.com/jesuschrist-immanuel/stack-overflow-clone

1. Clone the repository
2. Install all the packages necessary with npm i
3. Run npm run dev

Current behavior

I am using MUI JoyUI's Autocomplete in a different page than my home page ("/") in my Nextjs app. Nextjs continues raising the error: Module not found: Can't resolve './dom-utils/getCompositeRect.js'.

It's coming from node_modules/@popperjs/core/lib/createPopper.js

There is also no ./modifiers directory like node_modules/@popperjs/core/lib/index.d.ts declares.

export * from "./types";
export * from "./enums";
export * from "./modifiers";
export { popperGenerator, detectOverflow, createPopper as createPopperBase } from "./createPopper";
export { createPopper } from "./popper";
export { createPopper as createPopperLite } from "./popper-lite";

There is also no ./utils directory like node_modules/@popperjs/core/lib/createPopper.d.ts declares.

import type { OptionsGeneric, Modifier, Instance, VirtualElement } from "./types";
import detectOverflow from "./utils/detectOverflow";
declare type PopperGeneratorArgs = {
    defaultModifiers?: Array<Modifier<any, any>>;
    defaultOptions?: Partial<OptionsGeneric<any>>;
};
export declare function popperGenerator(generatorOptions?: PopperGeneratorArgs): <TModifier extends Partial<Modifier<any, any>>>(reference: Element | VirtualElement, popper: HTMLElement, options?: Partial<OptionsGeneric<TModifier>>) => Instance;
export declare const createPopper: <TModifier extends Partial<Modifier<any, any>>>(reference: Element | VirtualElement, popper: HTMLElement, options?: Partial<OptionsGeneric<TModifier>>) => Instance;
export { detectOverflow };

Expected behavior

There was no error previously, and this bug has only been spotlighted in the past week. So far, Nextjs has seemed to ignore this issue.

Context

I use the Autocomplete component in only one page ("/users/all"). Even when I am not accessing the page, Nextjs continues to show this error. Again, there were no major error popups before this week. This has only become recurrent in recent days.

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: joyui, autocomplete, nextjs, dom-utils, popperjs

[mj12albert]

@jesuschrist-immanuel Your @mui/* dependencies seem out of date: https://github.com/jesuschrist-immanuel/stack-overflow-clone/blob/master/package.json#L17-L18

Could you update to the latest and try again?