async-library / react-webworker Goto Github PK

Perhaps I confused but can we get a method to post to the worker in a function?

I used a reference in react on the object and tried the follow but it did not work:
refWorker.postMessage

How can I get access to that worker from functions in the page?

Can I have an example with create-react-app?

I've tried to implement this lib within create-react-app project but it does not work.
It seems my worker.js has something wrong.

component.js

 <WebWorker url="/worker.js">
    {({ data, error, postMessage }) => {
      if (error) return `Something went wrong: ${error.message}`
      if (data)
        return (
          <div>
            <strong>Received some data:</strong>
            <pre>{JSON.stringify(data, null, 2)}</pre>
          </div>
        )
      return <button onClick={() => postMessage('hello')}>Hello</button>
    }}
  </WebWorker>

https://codesandbox.io/s/ox85ooo31q

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

• Update dependency jest-dom to v1.12.1
• Update dependency jest to v23.6.0
• Update dependency react-testing-library to v5.9.0
• Update react monorepo to v16.14.0 (react, react-dom)
• Update dependency react-testing-library to v8

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• Update dependency jest to v29
• Update dependency jest-dom to v4
• Update react monorepo to v18 (major) (react, react-dom)
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

<WebWorker url={getOneUrl(/repositories/${repoId}/merge_requests/${mrIid}`)}>

    {diffData.changes.map((v) => (
      <Card
        id={v.id}
        diff={v.diff}
        source={v.source}
        viewType={viewType}
        diffComment={filterCommentById(v.id)}
        name={v.newPath || v.oldPath}
        newPath={v.newPath}
        oldPath={v.oldPath}
        renamedFile={v.renamedFile}
        addLinesCount={v.addLinesCount}
        deleteLinesCount={v.deleteLinesCount}
      />
    ))}

  </WebWorker>`

get error

Parcel is able to automatically create a JS bundle when it sees new Worker('path'). I'm order to support this, react-webworker must allow the user to pass such Worker instance to <Worker> instead of having it create its own internal instance based on the provided url.