[Bug]: useBlocker in SSR with data-router

[denchiklut]

What version of React Router are you using?

6.8.0

Steps to Reproduce

import { unstable_useBlocker as useBlocker } from 'react-router'

const App = () => {
    const [block, setBlock] = useState(false)
    const blocker = useBlocker(block)

    return <...>
}

Expected Behavior

We cant call hooks conditionally. So we will invoke this hook in both browser and server environments

Actual Behavior

Getting an error:

Uncaught Error: You cannot use router.getBlocker() on the server because it is a stateless environment
    at updateDehydratedSuspenseComponent (react-dom.development.js:20657:17)
    at updateSuspenseComponent (react-dom.development.js:20357:16)
    at beginWork (react-dom.development.js:21619:14)
    at beginWork$1 (react-dom.development.js:27421:14)
    at performUnitOfWork (react-dom.development.js:26552:12)
    at workLoopSync (react-dom.development.js:26461:5)
    at renderRootSync (react-dom.development.js:26429:7)
    at performConcurrentWorkOnRoot (react-dom.development.js:25733:74)
    at workLoop (scheduler.development.js:266:34)
    at flushWork (scheduler.development.js:239:14)

[brophdawg11]

This should be fixed in 6.8.2 👍