Why are you using a useRef for the project configuration and not just a plain JS object? What's the use case of your project? Can you provide more clarification to that?
I'm still learning how to use your technology, and I ran into several strange issues using ProjectModel (disappearing data, cards not rendering, etc). I ultimately ended up just copying directly from an example I took from your website, the "Inline Data Demo (React)" example specifically. The source code I used as an example is below.
Is there a better way to set up my ProjectModel??
function App() {
const taskBoard = useRef();
const project = useRef();
const [tasks] = useState(projectData.tasks);
const [assignments] = useState(projectData.assignments);
const [resources] = useState(projectData.resources);
return (
<>
{/* BryntumDemoHeader component is used for Bryntum example styling only and can be removed */}
<BryntumDemoHeader />
<BryntumProjectModel
ref={project}
tasks={tasks}
assignments={assignments}
resources={resources}
/>
<BryntumTaskBoard
ref={taskBoard}
project={project}
{...taskBoardConfig}
/>
</>
);
}
export default App;