In your host project's code you can import and use your component as follows:
import logo from "./logo.svg";
import "./App.css";
import Textbox from "my_npm_package"; // Importing from the package
import { useState } from "react";
function App() {
const [value, setValue] = useState('');
console.log(value)
function handleChange(e) {
setValue(e.target.value);
}
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<p>Custom npm module.</p>
<Textbox label="Name" value={value} onChange={handleChange} />
</header>
</div>
);
}
export default App;