algolia / algolia/instantsearch

(docs) Next.js example in CodeSandbox doesn't work

Open
#6,946 2 comments 0 reactions 0 assignees View on GitHub
triage
Dominant language
TypeScript
Stars
4.1k
Forks
553
Avg merge
1d 11h
Merged PRs (30d)
51

Description

### 🐛 Current behavior

Hi, the CodeSandbox example linked in the [README](https://github.com/algolia/instantsearch/blob/master/examples/react/next/README.md) for the Next.js integration doesn't seem to work. Am I missing something?

It throws an error:
```sh
⨯ ./pages/index.tsx:1:1
Module not found: Can't resolve '@algolia/client-common'
> 1 | import { createMemoryCache } from '@algolia/client-common';
```

### 🔍 Steps to reproduce

1. Go to the CodeSandbox example linked in the [README](https://github.com/algolia/instantsearch/blob/master/examples/react/next/README.md)
2. See the error

### Live reproduction

https://codesandbox.io/p/sandbox/github/algolia/instantsearch/tree/master/examples/react/next

### 💭 Expected behavior

I open the CodeSandbox and see the example.

### Package version

?

### Operating system

_No response_

### Browser

_No response_

### Code of Conduct

- [x] I agree to follow this project's Code of Conduct

Contributor guide

Open the contributing guide

Research direction

Open examples/react/next/README.md and follow its linked CodeSandbox reproduction. Start with pages/index.tsx and the reported module-resolution error; the work is done when the linked Next.js example opens without that error.

Written by the indexing model from the issue text.

Assessment

Tech stack
nextjs, typescript
Domain
documentation
Issue type
Documentation
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.