when i run the code
git remote add upstream https://github.com/carbon-design-system/carbon-tutorial-nextjs.git
it errors out saying no such repository exists

Description

In the step Add landing page grid of Step 2 of the tutorial just simply adding the import import { Grid, Column } from '@carbon/react'; leads to a Server Error right away. The error gets fixed only by adding 'use client'; to src/app/page.js.

Call stack:

- error node_modules/@carbon/react/lib/internal/usePrefix.js (18:61) @ createContext
- error createContext only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/context-in-server-component
    at eval (webpack-internal:///(sc_server)/./node_modules/@carbon/react/lib/internal/usePrefix.js:17:63)
    at (sc_server)/./node_modules/@carbon/react/lib/internal/usePrefix.js (/home/stanley/repos/carbon-tutorial-nextjs/.next/server/app/page.js:8866:1)
    at __webpack_require__ (/home/stanley/repos/carbon-tutorial-nextjs/.next/server/webpack-runtime.js:33:43)
    at eval (webpack-internal:///(sc_server)/./node_modules/@carbon/react/lib/components/Accordion/Accordion.js:12:17)
    at (sc_server)/./node_modules/@carbon/react/lib/components/Accordion/Accordion.js (/home/stanley/repos/carbon-tutorial-nextjs/.next/server/app/page.js:5709:1)
    at __webpack_require__ (/home/stanley/repos/carbon-tutorial-nextjs/.next/server/webpack-runtime.js:33:43)
    at eval (webpack-internal:///(sc_server)/./node_modules/@carbon/react/lib/index.js:11:17)
    at (sc_server)/./node_modules/@carbon/react/lib/index.js (/home/stanley/repos/carbon-tutorial-nextjs/.next/server/app/page.js:8580:1)
    at __webpack_require__ (/home/stanley/repos/carbon-tutorial-nextjs/.next/server/webpack-runtime.js:33:43)
    at eval (webpack-internal:///(sc_server)/./src/app/home/page.js:7:71) {
  name: 'TypeError',
  digest: undefined
}
null

Reproduce

1. checkout v11-next-step-2
2. add import { Grid, Column } from '@carbon/react'; just below use client in src/app/home/page.js
3. visit http://localhost:3000/

The tutorial instructions link in the README of the repo returns 404.

I've also noticed that there is no menu item for "Next tutorial" under the "Developing" session on the left.

Warning keeps being thrown when following tutorial on the carbon official website

Detailed description

Describe in detail the issue you're having.

I followed the steps shown in the tutorial. When adding the UIShell or any other component, e.g. SideNavIcon, it keeps throwing the following warning:

Warning: SideNavIcon: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.

Is this a feature request (new component, new icon), a bug, or a general issue?

General Issue

Is this issue related to a specific component?

Looks like an older version of carbon react is being used because this warning has been resolved here, but the version with the fixes isn't being used.

What did you expect to happen? What happened instead? What would you like to see changed?

Get rid of the annoying warnings!

What browser are you working in?

Chrome

cloned repo -- did steps to set upstream and forked repo in synch -- yarn, yarn build, yarn dev with following output

Failed to compile
./src/app/globals.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[4].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[4].oneOf[12].use[3]!./src/app/globals.css
Error: Cannot find module 'postcss-import'
Require stack:

• /Users/rmasonh/Desktop/myProject/carbon-tutorial-nextjs/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js
• /Users/rmasonh/Desktop/myProject/carbon-tutorial-nextjs/node_modules/next/dist/build/webpack/config/blocks/css/index.js
• /Users/rmasonh/Desktop/myProject/carbon-tutorial-nextjs/node_modules/next/dist/build/webpack/config/index.js
• /Users/rmasonh/Desktop/myProject/carbon-tutorial-nextjs/node_modules/next/dist/build/webpack-config.js
• /Users/rmasonh/Desktop/myProject/carbon-tutorial-nextjs/node_modules/next/dist/server/dev/hot-reloader.js
• /Users/rmasonh/Desktop/myProject/carbon-tutorial-nextjs/node_modules/next/dist/server/dev/next-dev-server.js
• /Users/rmasonh/Desktop/myProject/carbon-tutorial-nextjs/node_modules/next/dist/server/next.js
• /Users/rmasonh/Desktop/myProject/carbon-tutorial-nextjs/node_modules/next/dist/server/lib/render-server.js
• /Users/rmasonh/Desktop/myProject/carbon-tutorial-nextjs/node_modules/next/dist/compiled/jest-worker/processChild.js
  at Array.map ()
  This error occurred during the build process and can only be dismissed by fixing the error.

Detailed description

The Get started link in the repo's readme, pointing to the tutorial instructions (from #24 addition), is leading to a 404 error. It seems that the page at https://carbondesignsystem.com/developing/next-tutorial/overview doesn't exist (yet?) on the main website.

Steps to reproduce the issue

1. Navigate to https://github.com/carbon-design-system/carbon-tutorial-nextjs.
2. Click on the tutorial instructions link in the readme.

Additional information

If you've completed this Carbon React tutorial, please leave us any feedback you may have on this discussion. Thank you!

Vercel.app deploy missing the repositories and tabs break

Detailed description

looking to get the build setup properly to understand what happens behind the scenes. it is deployed here https://carbon-react-portfolio.vercel.app/

and tabs are not working either at the moment

I do have these things working on the carbon react next tutorial but when I move to my portfolio it breaks.

Just wanting some guidance on the deploy to vercel and best practices to understand the build better.
https://github.com/michelle-currier/carbon-react-portfolio

Incorrect use of rem() CSS function in margin-top: rem(-40px); in Step 2. It expects 2 arguments. rem() is also currently not implemented in most browsers https://developer.mozilla.org/en-US/docs/Web/CSS/rem.