Open muntasirhossain1 opened 7 months ago
This looks like it could be a dev server issue. the Uncaught (in promise) [...] is not valid JSON
message implies that a JSON file is being served as html (probably a 404) instead of proper JSON.
but this error appear when i init
I might be wrong but it looks like it's trying to load config.json
when you call init. That is, if you call init and the browser can't find config.json
, then it might throw that error.
Can you please help me to provide a example/instruction of how to load multiple nft using react typescript.
import { useEffect, useState } from "react"; import "./ARScene.css"; import { ASSETS_BASE_URL } from "../../constants"; import { useFetchNFTListQuery, useUpdateScanCountMutation, } from "@/services/generate-nft/generate-nft.service"; import { NftItem } from "@/services/generate-nft/types"; import ARnft from "@webarkit/ar-nft";
const ARnftScene = () => { const { data } = useFetchNFTListQuery(); const [updateScanCount] = useUpdateScanCountMutation(); const [nftList, setNftList] = useState<NftItem[]>([]);
useEffect(() => { if (data) { setNftList(data.data); console.log(nftList); } }, [data, nftList]);
useEffect(() => { if (nftList.length > 0) { // nftList.map((nftItem) => { // console.log( //
${ASSETS_BASE_URL}/${nftItem.nft_file_path.replace(/\\/g, "/")}/nft
// ); // }); const width = 640; const height = 480; ARnft.ARnft.init( width, height, [ nftList.map( (nft) =>${ASSETS_BASE_URL}/${nft.nft_file_path.replace(/\\/g, "/")}/nft
), ], [], // Since you don't need tracker IDs, this can be an empty array "config.json", true ) .then((nft) => { // Start a polling loop to check for found markers const checkMarkerFound = () => { // Example: Assuming controller has a method or property to check the current marker console.log("Controller", nft); // const currentMarkerId = controller.getCurrentMarkerId?.(); // if (currentMarkerId) { // const foundNft = nftList.find( // (nft) => nft.tracker_id === currentMarkerId // ); // if (foundNft) { // window.location.href =/nft-scan-details?order_id=${foundNft.order_id}
; // // Optionally, call updateScanCount mutation here // } // } };}, [nftList, updateScanCount]);
return
export default ARnftScene;
I have multiple nft. i want make this dynamic(Load nft). can anyone please guide me how to do that. my main feature will be load multiple nft dynamically and once marker found it will redirect to new URL with a id![err](https://github.com/webarkit/ARnft/assets/151004118/4e5cc529-b431-4861-b1d6-fb936369dd77)