There are types at '/app/node_modules/@thumbmarkjs/thumbmarkjs/dist/types/index.d.ts', but this result could not be resolved when respecting package.json "exports". The '@thumbmarkjs/thumbmarkjs' library may need to update its package.json or typings.

[deadcoder0904]

v0.13.5 works. all versions after that break.

my code in next.js that used to work:

"use client"

import React from "react"
import { hasWindow } from "std-env"

import { useStore } from "@app/store/zustand"

export function Fingerprint() {
	const { setFingerprint } = useStore()

	React.useEffect(() => {
		async function fn() {
			if (hasWindow) {
				const { getFingerprint } = await import("@thumbmarkjs/thumbmarkjs")
				const visitorId = await getFingerprint()
				setFingerprint(visitorId)
			}
		}

		fn()
	}, [setFingerprint])
	return null
}

fwiw, i tried this recommended example too but it gives error on import only.

[ilkkapeltola]

Yeah, this seems to be a typings issue with how rollup was set up. I'll see where that one went wrong.

[ilkkapeltola]

I was able to reproduce now, so, fix is coming.

[deadcoder0904]

that's nice. waiting for it.

[ilkkapeltola]

Done.

[deadcoder0904]

works now.

"use client"

import { getFingerprint } from "@thumbmarkjs/thumbmarkjs"
import consola from "consola"
import React from "react"
import { hasWindow } from "std-env"

import { useStore } from "@app/store/zustand"

export function Fingerprint() {
	const { setFingerprint } = useStore()

	React.useEffect(() => {
		async function fn() {
			if (hasWindow) {
				getFingerprint()
					.then((visitorId) => {
						setFingerprint(visitorId)
					})
					.catch((error) => {
						consola.error("Error getting fingerprint:", error)
					})
			}
		}

		fn()
	}, [setFingerprint])
	return null
}