create-ncblock 0.0.36 → 0.0.37

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "create-ncblock",
-	"version": "0.0.36",
+	"version": "0.0.37",
 	"description": "Create a Notion custom view block project.",
 	"type": "module",
 	"bin": {

package/sdk-version.json

@@ -1 +1 @@
-{"version":"0.0.34"}
+{"version":"0.0.35"}

package/templates/radar-chart/src/index.tsx

@@ -451,7 +451,8 @@ function App() {
 	const manifest = useManifest()
 	const activeDataSourceKey =
 		Object.keys(manifest?.dataSources ?? {})[0] ?? "default"
-	const query = useDataSource(activeDataSourceKey)
+	const [queryLimit, setQueryLimit] = React.useState(20)
+	const query = useDataSource(activeDataSourceKey, { limit: queryLimit })
 	const colorTheme = theme === "dark" ? "dark" : "light"
 	const mappedAnalysis = analyzeRadarSchema(query.items)
 	const isUsingFallbackData = !mappedAnalysis.isReady
@@ -522,7 +523,7 @@ function App() {
 				queryError={query.error?.message}
 				hasMore={query.hasMore}
 				isLoading={query.isLoading}
-				onFetchMore={query.fetchMore}
+				onFetchMore={() => setQueryLimit(limit => limit + 20)}
 			/>
 		</div>
 	)

package/templates/table-view/src/index.tsx

@@ -1704,7 +1704,8 @@ function App() {
 	}, [activeDataSourceKey, dataSourceKeys])
 
 	const queryKey = dataSourceKeys.length === 0 ? "default" : activeDataSourceKey
-	const query = useDataSource(queryKey)
+	const [queryLimit, setQueryLimit] = React.useState(20)
+	const query = useDataSource(queryKey, { limit: queryLimit })
 	const colorTheme = theme === "dark" ? "dark" : "light"
 
 	const mappedItems = query.items as TableRow[]
@@ -1800,7 +1801,7 @@ function App() {
 					onSelectDataSource={setActiveDataSourceKey}
 					hasMore={query.hasMore}
 					isLoading={query.isLoading}
-					onFetchMore={query.fetchMore}
+					onFetchMore={() => setQueryLimit(limit => limit + 20)}
 					isUsingFallbackData={isUsingFallbackData}
 					isCollectionEmpty={isCollectionEmpty}
 					queryError={query.error?.message}