i am using turboRepo in which i have three workspaces packages, user and admin. I am using MUI as design which i have installed in packages UI. there only i am making common components and setup the theme there only which i am exporting from there to be used in admin and user. but when i am importing any mui component in my apps. it is only rendering into client side components. on the server side components it is giving me error "Error: createContext only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/context-in-server-component""

but on the contrary if i use NEXT,js app independently it is able to render MUI components on server components.