47ng / 47ng/nuqs

Storybook Issues with v2

Aberta Para iniciantes
#757 14 comentários 0 reações 0 responsáveis Ver no GitHub
bug
Linguagem predominante
TypeScript
Estrelas
10.8k
Forks
294
Merge médio
1d 16h
PRs com merge (30d)
21

Descrição

## Context

What's your version of `nuqs`?

```
^2.1.1
```

What framework are you using?

- ✅ Next.js (app router)
- ✅ Next.js (pages router)

Which version of your framework are you using?

```
^14.2.9 and ^15.0.3 tested
```

## Description

If i try to use nuqs in Storybook i get following errors:
`import { NuqsAdapter } from "nuqs/adapters/next";`
![image](https://github.com/user-attachments/assets/60348a19-c5ef-48c3-8a2b-b5ccfb64fd31)

`import { NuqsAdapter } from "nuqs/adapters/next/pages";`
![image](https://github.com/user-attachments/assets/654267f0-ece9-45e1-957c-f54367b1e0b2)

I have not specified app router. If i use `import { NuqsAdapter } from "nuqs/adapters/react";` everything works fine.
I use the adapter inside a decorator in the preview.js file.

```
const preview = {
decorators: [
(Story) => (



),
],
};
```

My main.js includes
```
framework: {
name: "@storybook/nextjs",
options: {},
},
```

## Reproduction

Codesandbox: https://codesandbox.io/p/github/BhagirathiRohidas/storybook-nextjs/csb-w7fl7v/draft/quirky-andras
`npm run storybook`

Guia de contribuição

Abrir o guia de contribuição

Direção de pesquisa

A issue trata do Storybook não conseguir importar adaptadores do Next.js a partir de nuqs. Comece examinando a estrutura do pacote nuqs, especialmente o diretório adapters. Analise a configuração do Storybook no link de reprodução fornecido. Verifique como o adaptador é usado em preview.js e main.js. O objetivo é entender por que o caminho de importação falha no Storybook enquanto o adaptador do React funciona.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
next.js, storybook
Domínio
frontend, testing, tooling
Tipo de issue
Bug
Dificuldade
2/5
Tempo estimado
1-3 horas
Status de atividade
Estagnada
Clareza
Claramente especificada
Facilidade para iniciantes
65/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.