Creating NPM package with React and MUI

Has anyone has success creating a package to import via NPM that includes a MUI component? Something as simples as

import { TextField } from '@mui/material'; const OutrunTextbox = ({ label, value, onChange, ...props }) => { return ( <TextField label={label} value={value} onChange={onChange} variant="outlined" fullWidth {...props} /> ); }; export default OutrunTextbox;

If so how did you overcome the issue of conflicting versions of react hooks?

Did you use vite or webpack?