You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Issue: Scrollyteller Not Rendering in Page Component and Encountering Missing Name or Derivation Error
Description
While working with the Scrollyteller component in page.tsx using the template from @nomic-ai/atlas-stories-react, I updated the code to include custom styling and additional parameters for Folio. However, upon running npm run dev to test the implementation, the component does not render as expected, and the console displays a critical error: "Must provide either a name or a derivation."
Steps to Reproduce
Update page.tsx with the following code:
"use client";import{Scrollyteller,Folio}from"@nomic-ai/atlas-stories-react";import"@nomic-ai/atlas-stories-react/dist/style.css";exportdefaultfunctionPage(){console.log({ Scrollyteller });return(<divclassName="main"style={{margin: "50px",maxWidth: "calc(100vw - 100px)",}}><h1>Atlas story</h1><Scrollytellermap="sm8523/hate-and-harrasment-model-benchmarking/map/43840940-9cf6-42f6-9b05-3540bc7ea226"><Foliohash="rvP0"zoom={{x: [-50,50],y: [-50,50]}}>
This map is made of people. Each dot is a person, and the people are
organized by similarity. It's like soylent green but with more
famousness.
</Folio></Scrollyteller></div>);}
Log snippet
5960-d38e9cff0473c555.js:1 Uncaught (in promise) Error: Must provide either a name or a derivation
at o (5960-d38e9cff0473c555.js:1:33938)
at 4391-af646b31f40318e6.js:1:178692
at 4391-af646b31f40318e6.js:1:178807
at Array.forEach (<anonymous>)...
Screen Output
The text was updated successfully, but these errors were encountered:
Regarding that error, that is a known issue on the Atlas side. I don't believe it should impact the rendering of the map - for instance if you make a selection, save a shared state of that selection and enter it as the new hash, it should show the selection correctly even if the error appears.
Regarding the topic labels on stories, that is currently being worked on and should be default enabled by next week. Will update this issue once it's available.
Please let me know if there were other aspects of this problem I missed, and make additional issues if other problems are found.
Thank you for the detailed response, Robert. That clarification about the error and its impact on map rendering is helpful. I'll test the shared state workaround as suggested.
It's great to hear that the topic labels for stories are being addressed and will be enabled soon. I appreciate you keeping me updated on this.
If I encounter any additional aspects of the issue or uncover new problems, I’ll be sure to follow up with separate reports. Thanks again!
Issue:
Scrollyteller
Not Rendering in Page Component and Encountering Missing Name or Derivation ErrorDescription
While working with the
Scrollyteller
component inpage.tsx
using the template from@nomic-ai/atlas-stories-react
, I updated the code to include custom styling and additional parameters forFolio
. However, upon runningnpm run dev
to test the implementation, the component does not render as expected, and the console displays a critical error: "Must provide either a name or a derivation."Steps to Reproduce
page.tsx
with the following code:The text was updated successfully, but these errors were encountered: