Minimal nuqs Demo

\n \n

\n \n Enter your name:\n \n setName(e.target.value || null)}\n placeholder=\"Type something...\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n \n

\n URL param 'name': {name || 'null'}\n

\n \n

\n Notice how the URL updates as you type, and refreshing the page preserves your input!\n

\n );\n}\n\nfunction App() {\n return (\n \n \n \n );\n}\n\nconst root = createRoot(document.getElementById('root')!);\nroot.render();","deleted","label","children",[],[156],{"_105":176,"_96":100,"_157":177,"_159":-5,"_160":142,"_161":102,"_163":22,"_107":178,"_101":179,"_166":180,"_168":181,"_170":22,"_171":-5,"_172":182,"_99":183},"c19e45ca-513d-11f0-a506-f69ea79377d9","83c2f4d0-5133-11f0-b8d5-f69ea79377d9",["D",1750798613158],1,"file","# Minimal nuqs Demo\n\nThis val was created to repro the bug getting started with nuqs. Github issue: https://github.com/47ng/nuqs/issues/1024#issuecomment-3001766923",[],[100],{"_105":185,"_96":186,"_157":187,"_159":-5,"_160":142,"_161":188,"_163":119,"_107":189,"_101":190,"_166":180,"_168":191,"_170":22,"_171":-5,"_172":192,"_99":193},"338a89d2-5134-11f0-b756-f69ea79377d9","index.html","2edbaa60-5134-11f0-bb37-f69ea79377d9",17,["D",1750794509322],5,"\n\n\n \n \n Minimal nuqs Demo\n \n\n\n

\n \n\n",[],[186],{"_105":195,"_96":196,"_157":117,"_159":-5,"_160":142,"_161":197,"_163":119,"_107":198,"_101":165,"_166":199,"_168":200,"_170":22,"_171":97,"_172":201,"_99":202},"ea9e046a-5133-11f0-a419-f69ea79377d9","main.tsx",9,["D",1750794386975],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/static/main.tsx\"\n\nexport default staticHTTPServer(import.meta.url)",[],[196],"files",[154,175,184,194],"counts",{"_207":32,"_208":179,"_209":179,"_210":211},"pulls","branches","forks","envVars",{"_212":32,"_213":32},"count","emptyCount","contents",[],{"_105":176,"_96":100,"_157":177,"_159":-5,"_160":142,"_161":102,"_163":22,"_107":217,"_101":179,"_166":180,"_168":181,"_170":22,"_171":-5,"_99":218},["D",1750798613158],[100],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_94":95,"_96":97,"_98":44,"_101":102,"_99":100,"_103":227,"_152":232,"_203":245,"_180":246,"_214":248,"_249":-5,"_250":-5,"_251":-5,"_252":-5,"_253":254,"_210":-5},{"_105":106,"_96":97,"_107":228,"_109":-5,"_110":22,"_111":112,"_113":-5,"_114":-5,"_14":115,"_116":117,"_118":119,"_120":119,"_121":-5,"_122":32,"_16":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":229,"_136":230,"_139":231,"_151":22},["D",1750794052402],{"_94":95,"_134":135},{"_94":95,"_138":135,"_14":115},{"_101":141,"_96":44,"_105":142,"_143":106,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":97,"_150":95},[233,236,239,242],{"_105":155,"_96":156,"_157":158,"_159":-5,"_160":142,"_161":162,"_163":22,"_107":164,"_101":165,"_166":167,"_168":169,"_170":22,"_171":-5,"_172":234,"_99":235},[],[156],{"_105":176,"_96":100,"_157":177,"_159":-5,"_160":142,"_161":102,"_163":22,"_107":178,"_101":179,"_166":180,"_168":181,"_170":22,"_171":-5,"_172":237,"_99":238},[],[100],{"_105":185,"_96":186,"_157":187,"_159":-5,"_160":142,"_161":188,"_163":119,"_107":189,"_101":190,"_166":180,"_168":191,"_170":22,"_171":-5,"_172":240,"_99":241},[],[186],{"_105":195,"_96":196,"_157":117,"_159":-5,"_160":142,"_161":197,"_163":119,"_107":198,"_101":165,"_166":199,"_168":200,"_170":22,"_171":97,"_172":243,"_99":244},[],[196],[233,236,239,242],{"_105":176,"_96":100,"_157":177,"_159":-5,"_160":142,"_161":102,"_163":22,"_107":217,"_101":179,"_166":180,"_168":181,"_170":22,"_171":-5,"_99":247},[100],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

stevekrouse

nuqs-demo

Minimal nuqs Demo