[bug]: SidebarProvider - Writing to a variable defined outside a component or hook is not allowed. Consider using an effect eslint(react-compiler/react-compiler)

[MGSimard]

Describe the bug

While using React Compiler and its recommended ESLint settings, we find this violation within the SidebarProvider component:

Writing to a variable defined outside a component or hook is not allowed. Consider using an effect eslint(react-compiler/react-compiler)

@ document

// This sets the cookie to keep the sidebar state.
document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;

It probably still works fine, but adhering to best React standards should be a priority.

Affected component/components

sidebar.tsx / SidebarProvider

How to reproduce

1. Enable React Compiler + ESLint
2. Go to SidebarProvider in sidebar.tsx, line 73 @ document

Codesandbox/StackBlitz link

No response

Logs

System Info

N/A

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues