Anyone have an idea about this.

I'm building a blog page which displays blogposts in a grid using React & Sanity & Tailwind.

One page displays the posts in a grid (Post.js) One page displays the individual posts clicked from the before mentioned grid (SinglePost.js)

both of these need to import sanityClient from "../client.js"

Post.js does this no problem and works just fine but SinglePost.js gives me an error saying:

./src/components/SinglePost.js
Attempted import error: 'sanityClient' is not exported from '../client.js'.

I don't understand how these two files pointing at exactly the same place can give completely contradictory results. One works, One says client.js isn't exporting sanityClient. Even when it definitly is.