Wrapper location ->

/src/lib$ ls
styled-components.tsx

and codes

'use client';

import { css, styled } from 'styled-components';

export { css, styled };

. I wrapped styled component like this as per documentation but still getting error when try to import on app/page.tsx . eerror -> Error: Attempted to call css() from the server but css is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component. . I am importing like this import { css } from '@/lib/styled-components';